:root {
    --emby-primary: #004d99;
    --emby-primary-hover: #003366;
    --emby-text-main: #222222;
    --emby-text-muted: #666666;
    --emby-bg-light: #ffffff;
    --emby-bg-hover: #f5f5f5;
    --emby-border: #eeeeee;
    --emby-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Reset básico para el widget */
.emby-player { font-family: var(--emby-font-stack); box-sizing: border-box; width: 100%; }
.emby-player * { box-sizing: inherit; }

/* Estilos generales para botones de íconos */
.emby-player button {
    background: none; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    padding: 0; color: inherit; transition: color 0.2s ease;
}

/* -----------------------------------
   WIDGET DE ÁLBUM (SIDEBAR)
----------------------------------- */
.emby-widget-sidebar { max-width: 350px; margin: 20px auto; }
.emby-album-card {
    background: var(--emby-bg-light); border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08); overflow: hidden; padding-bottom: 15px;
}
.emby-cover-wrapper { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
.emby-album-cover { width: 100%; height: 100%; object-fit: cover; }
/* ELIMINADO: .emby-album-card:hover .emby-album-cover { transform: scale(1.03); } */

.emby-album-info { text-align: center; padding: 15px 15px 5px; }
.emby-title { margin: 0 0 5px 0; font-size: 1.1rem; font-weight: 700; color: var(--emby-text-main); }
.emby-subtitle { margin: 0; font-size: 0.9rem; color: var(--emby-text-muted); font-weight: 500; }

.emby-controls-compact { display: flex; justify-content: center; align-items: center; gap: 25px; padding: 10px 0; color: var(--emby-text-main); }
.emby-controls-compact button { font-size: 1rem; }
.emby-controls-compact .main-play { font-size: 1.6rem; color: var(--emby-primary); width: 40px; } /* Ancho fijo para toggle */

/* -----------------------------------
   WIDGET DE ARTISTA (ANCHO COMPLETO)
----------------------------------- */
.emby-widget-full { margin: 30px 0; background: transparent; }
.emby-artist-header { display: flex; align-items: center; gap: 30px; margin-bottom: 25px; }
.emby-artist-avatar { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
.emby-artist-meta { flex: 1; }
.emby-badge {
    background-color: var(--emby-primary); color: white; font-size: 0.75rem; font-weight: bold;
    text-transform: uppercase; padding: 4px 10px; border-radius: 20px; letter-spacing: 1px;
}
.emby-artist-name { font-size: 3rem; font-weight: 800; margin: 10px 0 20px 0; color: var(--emby-text-main); line-height: 1.1; }

.emby-btn-primary {
    background-color: var(--emby-primary); color: white; padding: 12px 28px;
    border-radius: 30px; font-size: 1rem; font-weight: 600; gap: 10px;
}
.emby-btn-primary:hover { background-color: var(--emby-primary-hover); }

/* Lista de canciones - Sin movimiento en hover */
.emby-tracklist-modern { list-style: none; padding: 0; margin: 0; }
.emby-track-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; border-bottom: 1px solid var(--emby-border);
    transition: background-color 0.2s ease; border-radius: 6px; cursor: pointer;
}
.emby-track-item:hover, .emby-track-item.active { background-color: var(--emby-bg-hover); }

.emby-track-left { display: flex; align-items: center; gap: 15px; }

/* Contenedor fjo para estatus (número/play) - Elimina movimiento */
.emby-track-status { width: 20px; position: relative; display: flex; justify-content: center; }
.emby-track-number { color: var(--emby-text-muted); font-size: 0.9rem; position: absolute; transition: opacity 0.2s; }
.emby-btn-track-play { color: var(--emby-primary); font-size: 0.9rem; opacity: 0; position: absolute; transition: opacity 0.2s; }

/* Lógica de visibilidad estática */
.emby-track-item:hover .emby-track-number { opacity: 0; }
.emby-track-item:hover .emby-btn-track-play { opacity: 1; }
.emby-track-item.active .emby-track-number { opacity: 0; }
.emby-track-item.active .emby-btn-track-play { opacity: 1; }

.emby-track-name { color: var(--emby-text-main); font-size: 1rem; }
.emby-track-item.active .emby-track-name { color: var(--emby-primary); font-weight: 600; }
.emby-track-duration { color: var(--emby-text-muted); font-size: 0.9rem; }

/* Barra de progreso general */
.emby-progress {
    width: calc(100% - 30px); margin: 0 auto; display: block;
    cursor: pointer; accent-color: var(--emby-primary);
}
.emby-player-bar { padding: 15px 0; }

/* Responsive */
@media (max-width: 768px) {
    .emby-artist-header { flex-direction: column; text-align: center; }
    .emby-artist-avatar { width: 150px; height: 150px; }
    .emby-artist-name { font-size: 2rem; }
}