/* MUSICOTECA V55 — PLAYER MOBILE + ÁLBUM MOBILE */

/* ==========================================================
   MUSICOTECA V28 — PLAYER MOBILE / PADRÃO DE PROPORÇÕES FINAIS
   Base: V27 aprovado.
   Escopo: SOMENTE player inferior mobile.

   PADRÃO MESTRE:
   • uma única linha horizontal visível: barra de tempo
   • barra centralizada na área intermediária
   • nenhuma divisória extra entre player/menu
   • controles superiores compactos e agrupados à direita
   • botão Letra próximo dos demais controles
   • DJ mantém destaque circular
   • menu inferior com respiro e ícones menores
   • cores diferentes para claro/escuro
   • cursor da barra grande para toque, com ponto luminoso
   ========================================================== */

:root{
  --mo28-orange:#ff5a00;
  --mo28-orange-active:#ff650f;
  --mo28-light-bg:#fff8e0;
  --mo28-light-panel:rgba(255,248,224,.98);
  --mo28-light-text:#7b4a28;
  --mo28-light-icon:#8a542d;
  --mo28-light-border:rgba(123,74,40,.20);
  --mo28-light-track:rgba(123,74,40,.20);

  --mo28-dark-bg:#301a0e;
  --mo28-dark-panel:rgba(43,24,14,.98);
  --mo28-dark-text:#f6d39a;
  --mo28-dark-icon:#f2c77e;
  --mo28-dark-border:rgba(246,211,154,.20);
  --mo28-dark-track:rgba(246,211,154,.18);
}

/* ==========================================================
   1. CARTÃO — proporção geral
   ========================================================== */
@media (max-width:600px){
  .musicoteca-player-mobile-shell{
    position:relative!important;
    z-index:60!important;
    width:auto!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    margin:6px!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:22px!important;
    background:var(--mo28-light-panel)!important;
    border:1px solid var(--mo28-light-border)!important;
    box-shadow:0 6px 18px rgba(74,42,18,.11)!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark{
    background:var(--mo28-dark-panel)!important;
    border-color:var(--mo28-dark-border)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.25)!important;
  }

  /* ========================================================
     2. PRIMEIRA LINHA — capa + faixa + comandos
     Sem linha/divisória inferior.
     ======================================================== */
  .musicoteca-player-mobile-shell>div:first-child{
    position:relative!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    margin:0!important;
    padding:9px 9px 7px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  /* Área de capa/título */
  .musicoteca-player-mobile-shell>div:first-child>div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  .musicoteca-player-mobile-shell>div:first-child img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    box-shadow:0 3px 9px rgba(43,23,16,.14)!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:first-child img{
    box-shadow:0 3px 10px rgba(0,0,0,.24)!important;
  }

  /* ========================================================
     3. COMANDOS — menores, próximos e alinhados à direita
     ======================================================== */
  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2){
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    margin-left:auto!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:not(.musicoteca-player-lyrics){
    width:30px!important;
    height:42px!important;
    min-width:30px!important;
    min-height:42px!important;
    max-width:30px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--mo28-light-icon)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 30px!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:first-child>div:nth-child(2)>button:not(.musicoteca-player-lyrics){
    color:var(--mo28-dark-icon)!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:not(.musicoteca-player-lyrics) svg{
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    stroke-width:1.8!important;
  }

  .musicoteca-player-lyrics[aria-expanded="true"]{
    background:var(--mo28-orange-active)!important;
    border-color:var(--mo28-orange-active)!important;
    color:#fff8e0!important;
    box-shadow:0 0 10px rgba(255,90,0,.30)!important;
  }

  /* DJ — menor, mas continua sendo a âncora visual */
  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:last-child{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid var(--mo28-orange)!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--mo28-light-text)!important;
    box-shadow:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 40px!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:first-child>div:nth-child(2)>button:last-child{
    color:var(--mo28-dark-text)!important;
  }

  /* ========================================================
     4. ÁREA CENTRAL — SOMENTE A BARRA DE TEMPO
     A linha antiga entre capa e menu é eliminada.
     ======================================================== */
  .musicoteca-player-mobile-shell>div:nth-child(2){
    position:relative!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  /* Remove qualquer pseudo-linha/divisor criado pelo tema */
  .musicoteca-player-mobile-shell>div:nth-child(2)::before,
  .musicoteca-player-mobile-shell>div:nth-child(2)::after{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Barra inteira: grande área de toque */
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"]{
    position:relative!important;
    width:100%!important;
    height:6px!important;
    min-height:6px!important;
    max-height:6px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--mo28-light-track)!important;
    box-shadow:none!important;
    cursor:pointer!important;
    touch-action:none!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:nth-child(2) [role="slider"]{
    background:var(--mo28-dark-track)!important;
  }

  /* Indicador preenchido */
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [data-orientation="horizontal"]{
    border-radius:999px!important;
  }

  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [data-radix-collection-item],
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [class*="thumb"],
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [class*="Thumb"]{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
    border-radius:50%!important;
    background:#fff8e0!important;
    border:2px solid var(--mo28-orange)!important;
    box-shadow:
      0 0 0 2px rgba(255,248,224,.75),
      0 0 8px 3px rgba(255,90,0,.58)!important;
    cursor:grab!important;
    transform:translate(-50%,-50%)!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:nth-child(2) [role="slider"] [data-radix-collection-item],
  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:nth-child(2) [role="slider"] [class*="thumb"],
  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:nth-child(2) [role="slider"] [class*="Thumb"]{
    background:#fff1cf!important;
    border-color:var(--mo28-orange-active)!important;
    box-shadow:
      0 0 0 2px rgba(255,241,207,.72),
      0 0 9px 3px rgba(255,90,0,.62)!important;
  }

  /* Área invisível maior para arrastar com o dedo */
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"]::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:50%!important;
    height:34px!important;
    transform:translateY(-50%)!important;
    z-index:1!important;
  }

  /* ========================================================
     5. MENU INFERIOR — respiro maior, sem linha divisória
     ======================================================== */
  .musicoteca-player-mobile-shell>div:last-child{
    position:relative!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:8px 4px 6px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  .musicoteca-player-mobile-shell>div:last-child::before,
  .musicoteca-player-mobile-shell>div:last-child::after{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  .musicoteca-player-mobile-shell>div:last-child>*{
    flex:1 1 0!important;
    min-width:0!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-player-mobile-shell>div:last-child button,
  .musicoteca-player-mobile-shell>div:last-child a{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--mo28-light-icon)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:last-child button,
  .musicoteca-player-mobile-shell.musicoteca-theme-dark>div:last-child a{
    color:var(--mo28-dark-icon)!important;
  }

  .musicoteca-player-mobile-shell>div:last-child button>div,
  .musicoteca-player-mobile-shell>div:last-child a>div{
    display:none!important;
  }

  .musicoteca-player-mobile-shell>div:last-child svg{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    stroke-width:1.65!important;
    filter:none!important;
  }

  /* Ativo = laranja forte + glow discreto */
  .musicoteca-player-mobile-shell>div:last-child [aria-current="page"],
  .musicoteca-player-mobile-shell>div:last-child .active,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"],
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active{
    color:var(--mo28-orange-active)!important;
    filter:none!important;
  }

  .musicoteca-player-mobile-shell>div:last-child [aria-current="page"] svg,
  .musicoteca-player-mobile-shell>div:last-child .active svg,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"] svg,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg{
    color:var(--mo28-orange-active)!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.62))!important;
  }

  /* ========================================================
     6. BOTÕES DE PLAYER ATIVOS — contraste maior
     ======================================================== */
  .musicoteca-player-mobile-shell button[aria-pressed="true"],
  .musicoteca-player-mobile-shell button[data-state="on"],
  .musicoteca-player-mobile-shell button[data-state="active"],
  .musicoteca-player-mobile-shell button.is-active,
  .musicoteca-player-mobile-shell button.active{
    color:var(--mo28-orange-active)!important;
  }

  .musicoteca-player-mobile-shell button[aria-pressed="true"] svg,
  .musicoteca-player-mobile-shell button[data-state="on"] svg,
  .musicoteca-player-mobile-shell button[data-state="active"] svg,
  .musicoteca-player-mobile-shell button.is-active svg,
  .musicoteca-player-mobile-shell button.active svg{
    color:var(--mo28-orange-active)!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.52))!important;
  }
}

/* ==========================================================
   7. TELAS MAIS ESTREITAS — 360/390/430px
   ========================================================== */
@media (max-width:430px){
  .musicoteca-player-mobile-shell{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    margin:5px!important;
    border-radius:21px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child{
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    padding:8px 8px 6px!important;
    gap:5px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2){
    gap:2px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:not(.musicoteca-player-lyrics){
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:not(.musicoteca-player-lyrics) svg{
    width:23px!important;
    height:23px!important;
  }

  .musicoteca-player-lyrics{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }

  .musicoteca-player-lyrics svg{
    width:19px!important;
    height:19px!important;
  }

  .musicoteca-player-mobile-shell>div:first-child>div:nth-child(2)>button:last-child{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex-basis:38px!important;
  }

  .musicoteca-player-mobile-shell>div:nth-child(2){
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 11px!important;
  }

  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"]{
    height:5px!important;
    min-height:5px!important;
    max-height:5px!important;
  }

  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [data-radix-collection-item],
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [class*="thumb"],
  .musicoteca-player-mobile-shell>div:nth-child(2) [role="slider"] [class*="Thumb"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
  }

  .musicoteca-player-mobile-shell>div:last-child{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:8px 3px 5px!important;
  }

  .musicoteca-player-mobile-shell>div:last-child button,
  .musicoteca-player-mobile-shell>div:last-child a{
    height:49px!important;
    min-height:49px!important;
  }

  .musicoteca-player-mobile-shell>div:last-child svg{
    width:25px!important;
    height:25px!important;
  }
}

/* ==========================================================
   8. ACESSIBILIDADE / TOQUE
   ========================================================== */
@media (max-width:600px){
  .musicoteca-player-mobile-shell button,
  .musicoteca-player-mobile-shell a,
  .musicoteca-player-mobile-shell [role="slider"]{
    -webkit-tap-highlight-color:transparent!important;
  }

  .musicoteca-player-mobile-shell [role="slider"]{
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
}


/* ===== V54: ESTRUTURA LIMPA DA PÁGINA DE ÁLBUM ===== */

/* =========================================================
   MUSICOTECA V54 — PÁGINA DE ÁLBUM / ESTRUTURA LIMPA
   Base: V51/V52 + restauração da estrutura V53

   ESCOPO
   • página de álbum
   • layout de álbum no mobile (até 600px)
   • barra superior: efeito de profundidade SOMENTE no mobile
   • desktop: sem sombra criada por este arquivo
   • player inferior: NÃO é redesenhado
   • sidebar: NÃO é redesenhada
   • bundles originais: NÃO são alterados
   ========================================================= */

:root{
  --mo54-orange:#ff5a00;
  --mo54-gold:#f6d39a;
  --mo54-dark-text:#f6d39a;
  --mo54-light-text:#7b4a28;
  --mo54-dark-line:rgba(246,211,154,.18);
  --mo54-light-line:rgba(123,74,40,.18);
}

/* =========================================================
   1. BARRA SUPERIOR — V69 / SEM SOMBRA

   Retorno ao estado limpo: nenhum efeito de sombra é criado
   por este arquivo na barra superior. O player e a página de
   álbum permanecem iguais à base funcional V59.
   ========================================================= */

[data-slot="navbar"],
[data-slot="navbar"].musicoteca-navbar-scrolled{
  box-shadow:none!important;
  filter:none!important;
}

/* =========================================================
   2. CABEÇALHO DO ÁLBUM — MOBILE
   ========================================================= */
@media (max-width:600px){

  header.musicoteca-album-master{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:8px 28px 0!important;
    text-align:center!important;
  }

  /* Título "Álbum do Brasil" entre linhas finas. */
  header.musicoteca-album-master::before{
    content:"Álbum do Brasil"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    margin:0 0 14px!important;
    box-sizing:border-box!important;
    color:inherit!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.055em!important;
    background:
      linear-gradient(currentColor,currentColor) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(currentColor,currentColor) right center / calc(50% - 64px) 1px no-repeat!important;
    opacity:.85!important;
  }

  html:not(.dark) header.musicoteca-album-master::before,
  body:not(.dark) header.musicoteca-album-master::before{
    color:inherit!important;
    background:
      linear-gradient(currentColor,currentColor) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(currentColor,currentColor) right center / calc(50% - 64px) 1px no-repeat!important;
    opacity:.85!important;
  }

  header.musicoteca-album-master > img.rounded-card,
  header.musicoteca-album-master > img[class*="rounded-card"],
  header.musicoteca-album-master > img{
    display:block!important;
    width:min(66.7vw,460px)!important;
    height:min(66.7vw,460px)!important;
    max-width:460px!important;
    max-height:460px!important;
    margin:0 auto!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:clamp(25px,5.2vw,40px)!important;
    box-shadow:none!important;
  }

  header.musicoteca-album-master > div{
    width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }

  header.musicoteca-album-master h1{
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    line-height:1.04!important;
    text-shadow:none!important;
  }

  header.musicoteca-album-master .musicoteca-album-artist{
    margin:5px auto 0!important;
    justify-content:center!important;
  }

  header.musicoteca-album-master .musicoteca-album-meta{
    margin:5px auto 0!important;
    justify-content:center!important;
    line-height:1.22!important;
  }

  /* =======================================================
     3. AÇÕES DO ÁLBUM
     ======================================================= */
  .musicoteca-album-actions{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px auto 0!important;
    padding:0 28px!important;
  }

  .musicoteca-album-actions > div{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    overflow:visible!important;
  }

  .musicoteca-album-actions button,
  .musicoteca-album-actions a{
    box-sizing:border-box!important;
    margin:0!important;
    flex-shrink:0!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    padding:0!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    font-size:0!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle svg{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    display:block!important;
    flex:0 0 auto!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle span,
  .musicoteca-album-actions .musicoteca-album-circle div{
    display:none!important;
  }

  /* =======================================================
     4. FICHA TÉCNICA
     ======================================================= */
  .musicoteca-album-description{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding:0 28px!important;
    line-height:1.38!important;
    text-align:left!important;
  }

  .musicoteca-album-description::before{
    content:"Ficha Técnica"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    margin:0 0 10px!important;
    color:var(--mo54-dark-text)!important;
    font-size:14px!important;
    font-weight:600!important;
    background:
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-dark-line),var(--mo54-dark-line)) right center / calc(50% - 64px) 1px no-repeat!important;
  }

  html:not(.dark) .musicoteca-album-description::before,
  body:not(.dark) .musicoteca-album-description::before{
    color:inherit!important;
    background:
      linear-gradient(currentColor,currentColor) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(currentColor,currentColor) right center / calc(50% - 64px) 1px no-repeat!important;
    opacity:.85!important;
  }

  .musicoteca-album-description > *{
    margin-top:0!important;
    margin-bottom:7px!important;
  }

  .musicoteca-album-description > *:last-child{
    margin-bottom:0!important;
  }

  .musicoteca-album-description button,
  .musicoteca-album-description a[role="button"]{
    margin-top:1px!important;
  }

  /* =======================================================
     5. LISTA DE FAIXAS
     Número + capa + título + artista + menu.
     ======================================================= */
  .musicoteca-album-track-list{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px auto 0!important;
    padding:0 28px!important;
  }

  .musicoteca-album-track-list [role="row"]{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:62px!important;
    height:62px!important;
    margin:0 0 7px!important;
    padding:6px 9px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    border:1px solid rgba(246,211,154,.12)!important;
    border-radius:15px!important;
    background:rgba(43,24,14,.34)!important;
    overflow:hidden!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:first-child{
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    color:rgba(246,211,154,.72)!important;
  }

  .musicoteca-album-track-cover-v54{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:9px!important;
    object-fit:cover!important;
    display:block!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"].musicoteca-album-track-info-v54{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
  }

  .musicoteca-album-track-info-v54 > div{
    min-width:0!important;
    width:100%!important;
  }

  .musicoteca-album-track-title-v54{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:600!important;
    color:#f6d39a!important;
  }

  .musicoteca-album-track-artist-v54{
    display:block!important;
    width:100%!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.15!important;
    color:rgba(246,211,154,.70)!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:last-child{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-album-track-list [role="row"] > [role="cell"]:nth-child(n+4):not(:last-child){
    display:none!important;
  }

  .musicoteca-album-track-list [role="row"] .text-primary{
    color:#ff5a00!important;
  }

  /* Faixa ativa: destaque discreto, sem glow exagerado. */
  .musicoteca-album-track-list [role="row"]:has(.text-primary){
    border-color:rgba(255,90,0,.30)!important;
    background:rgba(255,90,0,.07)!important;
  }
}

/* =========================================================
   6. TELAS MUITO ESTREITAS
   ========================================================= */
@media (max-width:390px){
  header.musicoteca-album-master{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .musicoteca-album-actions{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .musicoteca-album-actions > div{
    gap:5px!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }

  .musicoteca-album-description,
  .musicoteca-album-track-list{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* ==========================================================
   MUSICOTECA V55 — PROTEÇÃO DO MENU ATIVO DO PLAYER MOBILE
   Não interfere no conteúdo da página de álbum.
   ========================================================== */
@media (max-width:600px){
  .musicoteca-player-mobile-shell > div:last-child a[aria-current="page"],
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="page"],
  .musicoteca-player-mobile-shell > div:last-child a[aria-current="true"],
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="true"],
  .musicoteca-player-mobile-shell > div:last-child a.active,
  .musicoteca-player-mobile-shell > div:last-child button.active,
  .musicoteca-player-mobile-shell > div:last-child a[data-state="active"],
  .musicoteca-player-mobile-shell > div:last-child button[data-state="active"],
  .musicoteca-player-mobile-shell > div:last-child a[data-active="true"],
  .musicoteca-player-mobile-shell > div:last-child button[data-active="true"],
  .musicoteca-player-mobile-shell > div:last-child .musicoteca-player-nav-active{
    color:#ff650f!important;
    opacity:1!important;
  }

  .musicoteca-player-mobile-shell > div:last-child a[aria-current="page"] svg,
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="page"] svg,
  .musicoteca-player-mobile-shell > div:last-child a[aria-current="true"] svg,
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="true"] svg,
  .musicoteca-player-mobile-shell > div:last-child a.active svg,
  .musicoteca-player-mobile-shell > div:last-child button.active svg,
  .musicoteca-player-mobile-shell > div:last-child a[data-state="active"] svg,
  .musicoteca-player-mobile-shell > div:last-child button[data-state="active"] svg,
  .musicoteca-player-mobile-shell > div:last-child a[data-active="true"] svg,
  .musicoteca-player-mobile-shell > div:last-child button[data-active="true"] svg,
  .musicoteca-player-mobile-shell > div:last-child .musicoteca-player-nav-active svg{
    color:#ff650f!important;
    stroke:#ff650f!important;
    opacity:1!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.58))!important;
  }
}


/* ==========================================================
   MUSICOTECA V56 — PLAYER MOBILE: ATIVO LARANJA + SEM LETRA
   Correção final: não altera desktop nem a estrutura do álbum.
   ========================================================== */
@media (max-width:600px){
  /* O botão "Letra" não faz parte do player mobile aprovado. */
  .musicoteca-player-mobile-shell .musicoteca-player-lyrics,
  .musicoteca-player-mobile-shell [data-action="lyrics"],
  .musicoteca-player-mobile-shell [data-control="lyrics"],
  .musicoteca-player-mobile-shell button[aria-label*="Letra" i],
  .musicoteca-player-mobile-shell button[title*="Letra" i],
  .musicoteca-player-mobile-shell a[aria-label*="Letra" i],
  .musicoteca-player-mobile-shell a[title*="Letra" i],
  .musicoteca-player-mobile-shell button[aria-label*="Lyrics" i],
  .musicoteca-player-mobile-shell button[title*="Lyrics" i],
  .musicoteca-player-mobile-shell a[aria-label*="Lyrics" i],
  .musicoteca-player-mobile-shell a[title*="Lyrics" i]{
    display:none!important;
  }

  /* Estado ativo — força cor também no SVG e nos paths/círculos internos. */
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active button,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active a,
  .musicoteca-player-mobile-shell>div:last-child [aria-current="page"],
  .musicoteca-player-mobile-shell>div:last-child [aria-current="true"],
  .musicoteca-player-mobile-shell>div:last-child .active,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"],
  .musicoteca-player-mobile-shell>div:last-child [data-active="true"]{
    color:#ff5a00!important;
    fill:#ff5a00!important;
    stroke:#ff5a00!important;
    opacity:1!important;
  }

  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg *,
  .musicoteca-player-mobile-shell>div:last-child [aria-current="page"] svg,
  .musicoteca-player-mobile-shell>div:last-child [aria-current="page"] svg *,
  .musicoteca-player-mobile-shell>div:last-child [aria-current="true"] svg,
  .musicoteca-player-mobile-shell>div:last-child [aria-current="true"] svg *,
  .musicoteca-player-mobile-shell>div:last-child .active svg,
  .musicoteca-player-mobile-shell>div:last-child .active svg *,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"] svg,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"] svg *,
  .musicoteca-player-mobile-shell>div:last-child [data-active="true"] svg,
  .musicoteca-player-mobile-shell>div:last-child [data-active="true"] svg *{
    color:#ff5a00!important;
    fill:#ff5a00!important;
    stroke:#ff5a00!important;
    opacity:1!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.55))!important;
  }

  /* O estado aplicado pelo V56 sempre vence a cor neutra do V28. */
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg [fill="none"]{
    fill:none!important;
  }
}


/* V56 DEFINITIVO — PLAYER MOBILE: ATIVO LARANJA + SEM LETRA */
@media (max-width:600px){
  /* Letra/Lyrics não faz parte do player mobile aprovado. */
  .musicoteca-player-mobile-shell .musicoteca-player-lyrics,
  .musicoteca-player-mobile-shell [data-action="lyrics"],
  .musicoteca-player-mobile-shell [data-control="lyrics"],
  .musicoteca-player-mobile-shell button[aria-label*="Letra" i],
  .musicoteca-player-mobile-shell button[title*="Letra" i],
  .musicoteca-player-mobile-shell a[aria-label*="Letra" i],
  .musicoteca-player-mobile-shell a[title*="Letra" i],
  .musicoteca-player-mobile-shell button[aria-label*="Lyrics" i],
  .musicoteca-player-mobile-shell button[title*="Lyrics" i],
  .musicoteca-player-mobile-shell a[aria-label*="Lyrics" i],
  .musicoteca-player-mobile-shell a[title*="Lyrics" i]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Estado ativo: aplica ao item e ao SVG, independentemente de qual
     atributo/classe o tema usa para indicar o item selecionado. */
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active a,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active button,
  .musicoteca-player-mobile-shell>div:last-child a[aria-current="page"],
  .musicoteca-player-mobile-shell>div:last-child button[aria-current="page"],
  .musicoteca-player-mobile-shell>div:last-child a[aria-current="true"],
  .musicoteca-player-mobile-shell>div:last-child button[aria-current="true"],
  .musicoteca-player-mobile-shell>div:last-child a.active,
  .musicoteca-player-mobile-shell>div:last-child button.active,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"],
  .musicoteca-player-mobile-shell>div:last-child [data-active="true"]{
    color:#ff650f!important;
    opacity:1!important;
  }

  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg,
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg *,
  .musicoteca-player-mobile-shell>div:last-child a[aria-current="page"] svg,
  .musicoteca-player-mobile-shell>div:last-child button[aria-current="page"] svg,
  .musicoteca-player-mobile-shell>div:last-child a.active svg,
  .musicoteca-player-mobile-shell>div:last-child button.active svg,
  .musicoteca-player-mobile-shell>div:last-child [data-state="active"] svg,
  .musicoteca-player-mobile-shell>div:last-child [data-active="true"] svg{
    color:#ff650f!important;
    stroke:#ff650f!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.58))!important;
    opacity:1!important;
  }

  /* Também cobre ícones preenchidos. */
  .musicoteca-player-mobile-shell>div:last-child .musicoteca-player-nav-active svg [fill]:not([fill="none"]),
  .musicoteca-player-mobile-shell>div:last-child a.active svg [fill]:not([fill="none"]),
  .musicoteca-player-mobile-shell>div:last-child button.active svg [fill]:not([fill="none"]){
    fill:#ff650f!important;
  }
}

/* V56.1 — estado ativo robusto em qualquer nível do menu mobile */
@media (max-width:600px){
  .musicoteca-player-mobile-shell > div:last-child a.musicoteca-player-nav-active,
  .musicoteca-player-mobile-shell > div:last-child button.musicoteca-player-nav-active,
  .musicoteca-player-mobile-shell > div:last-child [role="button"].musicoteca-player-nav-active,
  .musicoteca-player-mobile-shell > div:last-child a[aria-current="page"],
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="page"],
  .musicoteca-player-mobile-shell > div:last-child [role="button"][aria-current="page"]{
    color:#ff650f!important;
    opacity:1!important;
  }
  .musicoteca-player-mobile-shell > div:last-child a.musicoteca-player-nav-active svg,
  .musicoteca-player-mobile-shell > div:last-child button.musicoteca-player-nav-active svg,
  .musicoteca-player-mobile-shell > div:last-child [role="button"].musicoteca-player-nav-active svg,
  .musicoteca-player-mobile-shell > div:last-child a[aria-current="page"] svg,
  .musicoteca-player-mobile-shell > div:last-child button[aria-current="page"] svg,
  .musicoteca-player-mobile-shell > div:last-child [role="button"][aria-current="page"] svg{
    color:#ff650f!important;
    stroke:#ff650f!important;
    filter:drop-shadow(0 0 6px rgba(255,90,0,.65))!important;
    opacity:1!important;
  }
  .musicoteca-player-mobile-shell > div:last-child a.musicoteca-player-nav-active svg *,
  .musicoteca-player-mobile-shell > div:last-child button.musicoteca-player-nav-active svg *,
  .musicoteca-player-mobile-shell > div:last-child [role="button"].musicoteca-player-nav-active svg *{
    stroke:#ff650f!important;
    filter:drop-shadow(0 0 5px rgba(255,90,0,.55))!important;
  }
}


/* ==========================================================
   V59 — COR DA NAVEGAÇÃO ATIVA DO PLAYER NATIVO
   IMPORTANTE: usa exatamente o namespace do player V47/V36.
   Não depende de .musicoteca-player-mobile-shell.
   ========================================================== */
@media (max-width:600px){
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [aria-current="page"],
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 .active,
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [data-state="active"],
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [data-active="true"],
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 .musicoteca-player-nav-active-v36{
    color:#ff6a00!important;
    text-shadow:0 0 3px rgba(255,106,0,.18)!important;
    filter:drop-shadow(0 0 2px rgba(255,106,0,.16))!important;
  }
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [aria-current="page"] svg,
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 .active svg,
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [data-state="active"] svg,
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 [data-active="true"] svg,
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 .musicoteca-player-nav-active-v36 svg{
    color:#ff6a00!important;
    stroke:#ff6a00!important;
    filter:drop-shadow(0 0 2px rgba(255,106,0,.22))!important;
  }
  .musicoteca-player-original-v36 .musicoteca-player-nav-v36 .musicoteca-player-nav-active-v36 svg *{
    stroke:#ff6a00!important;
  }
}


/* =========================================================
   V70 — BUSCA DESKTOP/TABLET / PROPORÇÃO DA COLUNA CENTRAL
   Base: V69 sem sombra.

   A busca original do BeMusic usa max-w-180 (45rem).
   Aqui ela fica um pouco mais compacta e acompanha a área central
   disponível, sem alterar o conteúdo, sidebar ou player.
   ========================================================= */
@media (min-width:1025px){
  [data-slot="navbar"] > form{
    flex:0 1 clamp(420px, calc(100vw - 38rem), 680px)!important;
    width:clamp(420px, calc(100vw - 38rem), 680px)!important;
    max-width:680px!important;
    min-width:0!important;
    margin-left:-4px!important;
  }

  [data-slot="navbar"] > form > div{
    width:100%!important;
    max-width:none!important;
  }

  /* O controle que fecha/abre a sidebar fica ligeiramente mais
     próximo da busca, sem mexer nos botões de autenticação. */
  [data-slot="navbar"] > button[data-slot="sidebar-trigger"]{
    margin-right:-4px!important;
  }
}


/* ==========================================================
   V71 — POPUPS / SUBMENUS / JANELAS FLUTUANTES
   Padrão visual Musicoteca — claro + escuro

   Abrange os componentes nativos do BeMusic que usam portal:
   • Autocomplete / resultados da busca
   • Dropdowns e submenus
   • Popovers
   • Menus de contexto
   • Command / janelas de comando
   • Dialogs / modais
   • Toasts

   Objetivo: tirar o branco/cinza padrão do framework e fazer
   essas superfícies seguirem as mesmas cores quentes das colunas
   e da tipografia da Musicoteca.
   ========================================================== */

:root{
  --mo71-popup-bg:#fff8e0;
  --mo71-popup-text:#7b4a28;
  --mo71-popup-muted:#9a6b45;
  --mo71-popup-border:rgba(123,74,40,.20);
  --mo71-popup-hover:rgba(255,90,0,.10);
  --mo71-popup-selected:#ff650f;
  --mo71-popup-selected-text:#fff8e0;
}

/* Superfícies principais — claro */
[data-slot="popover-content"],
[data-slot="dropdown-content"],
[data-slot="context-menu-content"],
[data-slot="dialog-content"],
[data-slot="command"],
[data-slot="toast"]{
  background:var(--mo71-popup-bg)!important;
  color:var(--mo71-popup-text)!important;
  border-color:var(--mo71-popup-border)!important;
}

/* Texto padrão dentro das janelas */
[data-slot="popover-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
[data-slot="dropdown-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
[data-slot="context-menu-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
[data-slot="dialog-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
[data-slot="command"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
[data-slot="toast"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label){
  color:var(--mo71-popup-text)!important;
}

/* Textos secundários */
[data-slot="popover-content"] .text-muted-foreground,
[data-slot="dropdown-content"] .text-muted-foreground,
[data-slot="context-menu-content"] .text-muted-foreground,
[data-slot="dialog-content"] .text-muted-foreground,
[data-slot="command"] .text-muted-foreground,
[data-slot="toast"] .text-muted-foreground{
  color:var(--mo71-popup-muted)!important;
}

/* Campos de busca e entrada dentro dos popups */
[data-slot="popover-content"] input,
[data-slot="dropdown-content"] input,
[data-slot="context-menu-content"] input,
[data-slot="dialog-content"] input,
[data-slot="command"] input,
[data-slot="toast"] input,
[data-slot="popover-content"] textarea,
[data-slot="dropdown-content"] textarea,
[data-slot="dialog-content"] textarea,
[data-slot="command"] textarea{
  color:var(--mo71-popup-text)!important;
  caret-color:var(--mo71-popup-selected)!important;
}

/* Placeholder */
[data-slot="popover-content"] input::placeholder,
[data-slot="dropdown-content"] input::placeholder,
[data-slot="context-menu-content"] input::placeholder,
[data-slot="dialog-content"] input::placeholder,
[data-slot="command"] input::placeholder{
  color:var(--mo71-popup-muted)!important;
  opacity:1!important;
}

/* Links e ícones seguem a identidade quente */
[data-slot="popover-content"] a,
[data-slot="dropdown-content"] a,
[data-slot="context-menu-content"] a,
[data-slot="dialog-content"] a,
[data-slot="command"] a,
[data-slot="toast"] a,
[data-slot="popover-content"] svg,
[data-slot="dropdown-content"] svg,
[data-slot="context-menu-content"] svg,
[data-slot="dialog-content"] svg,
[data-slot="command"] svg,
[data-slot="toast"] svg{
  color:var(--mo71-popup-text)!important;
}

/* Itens de menu — hover/foco */
[data-slot="dropdown-item"][data-highlighted],
[data-slot="context-menu-item"][data-highlighted],
[data-slot="dropdown-item"]:hover,
[data-slot="context-menu-item"]:hover{
  background:var(--mo71-popup-hover)!important;
  color:var(--mo71-popup-text)!important;
}

[data-slot="dropdown-item"][data-highlighted] svg,
[data-slot="context-menu-item"][data-highlighted] svg,
[data-slot="dropdown-item"]:hover svg,
[data-slot="context-menu-item"]:hover svg{
  color:var(--mo71-popup-text)!important;
}

/* Divisórias internas */
[data-slot="dropdown-content"] [data-slot="dropdown-separator"],
[data-slot="context-menu-content"] [data-slot="context-menu-separator"],
[data-slot="popover-content"] hr,
[data-slot="dialog-content"] hr,
[data-slot="command"] [data-slot="command-separator"]{
  background:var(--mo71-popup-border)!important;
  border-color:var(--mo71-popup-border)!important;
}

/* ==========================================================
   ESCURO — mesma linguagem cromática das colunas do layout
   ========================================================== */
html.dark [data-slot="popover-content"],
html.dark [data-slot="dropdown-content"],
html.dark [data-slot="context-menu-content"],
html.dark [data-slot="dialog-content"],
html.dark [data-slot="command"],
html.dark [data-slot="toast"],
.dark [data-slot="popover-content"],
.dark [data-slot="dropdown-content"],
.dark [data-slot="context-menu-content"],
.dark [data-slot="dialog-content"],
.dark [data-slot="command"],
.dark [data-slot="toast"]{
  background:#3a1f0f!important;
  color:#f6d39a!important;
  border-color:rgba(246,211,154,.18)!important;
}

html.dark [data-slot="popover-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
html.dark [data-slot="dropdown-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
html.dark [data-slot="context-menu-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
html.dark [data-slot="dialog-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
html.dark [data-slot="command"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
html.dark [data-slot="toast"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="popover-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="dropdown-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="context-menu-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="dialog-content"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="command"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label),
.dark [data-slot="toast"] :where(h1,h2,h3,h4,h5,h6,p,span,div,label){
  color:#f6d39a!important;
}

html.dark [data-slot="popover-content"] .text-muted-foreground,
html.dark [data-slot="dropdown-content"] .text-muted-foreground,
html.dark [data-slot="context-menu-content"] .text-muted-foreground,
html.dark [data-slot="dialog-content"] .text-muted-foreground,
html.dark [data-slot="command"] .text-muted-foreground,
html.dark [data-slot="toast"] .text-muted-foreground,
.dark [data-slot="popover-content"] .text-muted-foreground,
.dark [data-slot="dropdown-content"] .text-muted-foreground,
.dark [data-slot="context-menu-content"] .text-muted-foreground,
.dark [data-slot="dialog-content"] .text-muted-foreground,
.dark [data-slot="command"] .text-muted-foreground,
.dark [data-slot="toast"] .text-muted-foreground{
  color:rgba(246,211,154,.72)!important;
}

html.dark [data-slot="popover-content"] input,
html.dark [data-slot="dropdown-content"] input,
html.dark [data-slot="context-menu-content"] input,
html.dark [data-slot="dialog-content"] input,
html.dark [data-slot="command"] input,
html.dark [data-slot="toast"] input,
html.dark [data-slot="popover-content"] textarea,
html.dark [data-slot="dropdown-content"] textarea,
html.dark [data-slot="dialog-content"] textarea,
html.dark [data-slot="command"] textarea,
.dark [data-slot="popover-content"] input,
.dark [data-slot="dropdown-content"] input,
.dark [data-slot="context-menu-content"] input,
.dark [data-slot="dialog-content"] input,
.dark [data-slot="command"] input,
.dark [data-slot="toast"] input,
.dark [data-slot="popover-content"] textarea,
.dark [data-slot="dropdown-content"] textarea,
.dark [data-slot="dialog-content"] textarea,
.dark [data-slot="command"] textarea{
  color:#f6d39a!important;
  caret-color:#ff650f!important;
}

html.dark [data-slot="popover-content"] input::placeholder,
html.dark [data-slot="dropdown-content"] input::placeholder,
html.dark [data-slot="context-menu-content"] input::placeholder,
html.dark [data-slot="dialog-content"] input::placeholder,
html.dark [data-slot="command"] input::placeholder,
.dark [data-slot="popover-content"] input::placeholder,
.dark [data-slot="dropdown-content"] input::placeholder,
.dark [data-slot="context-menu-content"] input::placeholder,
.dark [data-slot="dialog-content"] input::placeholder,
.dark [data-slot="command"] input::placeholder{
  color:rgba(246,211,154,.60)!important;
  opacity:1!important;
}

html.dark [data-slot="popover-content"] a,
html.dark [data-slot="dropdown-content"] a,
html.dark [data-slot="context-menu-content"] a,
html.dark [data-slot="dialog-content"] a,
html.dark [data-slot="command"] a,
html.dark [data-slot="toast"] a,
html.dark [data-slot="popover-content"] svg,
html.dark [data-slot="dropdown-content"] svg,
html.dark [data-slot="context-menu-content"] svg,
html.dark [data-slot="dialog-content"] svg,
html.dark [data-slot="command"] svg,
html.dark [data-slot="toast"] svg,
.dark [data-slot="popover-content"] a,
.dark [data-slot="dropdown-content"] a,
.dark [data-slot="context-menu-content"] a,
.dark [data-slot="dialog-content"] a,
.dark [data-slot="command"] a,
.dark [data-slot="toast"] a,
.dark [data-slot="popover-content"] svg,
.dark [data-slot="dropdown-content"] svg,
.dark [data-slot="context-menu-content"] svg,
.dark [data-slot="dialog-content"] svg,
.dark [data-slot="command"] svg,
.dark [data-slot="toast"] svg{
  color:#f2c77e!important;
}

html.dark [data-slot="dropdown-item"][data-highlighted],
html.dark [data-slot="context-menu-item"][data-highlighted],
html.dark [data-slot="dropdown-item"]:hover,
html.dark [data-slot="context-menu-item"]:hover,
.dark [data-slot="dropdown-item"][data-highlighted],
.dark [data-slot="context-menu-item"][data-highlighted],
.dark [data-slot="dropdown-item"]:hover,
.dark [data-slot="context-menu-item"]:hover{
  background:rgba(255,90,0,.14)!important;
  color:#f6d39a!important;
}

html.dark [data-slot="dropdown-item"][data-highlighted] svg,
html.dark [data-slot="context-menu-item"][data-highlighted] svg,
html.dark [data-slot="dropdown-item"]:hover svg,
html.dark [data-slot="context-menu-item"]:hover svg,
.dark [data-slot="dropdown-item"][data-highlighted] svg,
.dark [data-slot="context-menu-item"][data-highlighted] svg,
.dark [data-slot="dropdown-item"]:hover svg,
.dark [data-slot="context-menu-item"]:hover svg{
  color:#f2c77e!important;
}

html.dark [data-slot="dropdown-content"] [data-slot="dropdown-separator"],
html.dark [data-slot="context-menu-content"] [data-slot="context-menu-separator"],
html.dark [data-slot="popover-content"] hr,
html.dark [data-slot="dialog-content"] hr,
html.dark [data-slot="command"] [data-slot="command-separator"],
.dark [data-slot="dropdown-content"] [data-slot="dropdown-separator"],
.dark [data-slot="context-menu-content"] [data-slot="context-menu-separator"],
.dark [data-slot="popover-content"] hr,
.dark [data-slot="dialog-content"] hr,
.dark [data-slot="command"] [data-slot="command-separator"]{
  background:rgba(246,211,154,.18)!important;
  border-color:rgba(246,211,154,.18)!important;
}

/* ==========================================================
   V71 — preserva cores semânticas importantes
   ========================================================== */
[data-slot="dropdown-item"][data-variant="destructive"],
[data-slot="context-menu-item"][data-variant="destructive"],
[data-slot="dropdown-item"][data-variant="destructive"] svg,
[data-slot="context-menu-item"][data-variant="destructive"] svg{
  color:#c94b32!important;
}

html.dark [data-slot="dropdown-item"][data-variant="destructive"],
html.dark [data-slot="context-menu-item"][data-variant="destructive"],
html.dark [data-slot="dropdown-item"][data-variant="destructive"] svg,
html.dark [data-slot="context-menu-item"][data-variant="destructive"] svg,
.dark [data-slot="dropdown-item"][data-variant="destructive"],
.dark [data-slot="context-menu-item"][data-variant="destructive"],
.dark [data-slot="dropdown-item"][data-variant="destructive"] svg,
.dark [data-slot="context-menu-item"][data-variant="destructive"] svg{
  color:#e47a5e!important;
}


/* =========================================================
   MUSICOTECA V72 — SIDEBAR PRINCIPAL / DESKTOP E TABLET

   Fonte real do BeMusic:
   WebPlayerLayout -> DashboardLayout.Content -> Sidenav ->
   Sidebar.Menu -> Sidebar.MenuButton.

   Objetivo do teste:
   • ícones um pouco maiores
   • nomes um pouco maiores
   • caixa de clique proporcionalmente maior
   • linhas mais próximas entre si
   • somente a coluna esquerda principal
   • fila/coluna direita e mobile não são alterados
   ========================================================= */
@media (min-width:601px){
  /* Somente a Sidenav esquerda, primeira sidebar do conteúdo. */
  [data-slot="dashboard-content"] > [data-slot="sidebar"]:first-child
  [data-slot="sidebar-menu"]{
    gap:0!important;
  }

  [data-slot="dashboard-content"] > [data-slot="sidebar"]:first-child
  [data-slot="sidebar-menu-button"]{
    height:40px!important;
    min-height:40px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    gap:9px!important;
    font-size:15px!important;
    line-height:20px!important;
  }

  [data-slot="dashboard-content"] > [data-slot="sidebar"]:first-child
  [data-slot="sidebar-menu-button"] > svg,
  [data-slot="dashboard-content"] > [data-slot="sidebar"]:first-child
  [data-slot="sidebar-menu-button"] svg:not([class*="size-"]){
    width:18px!important;
    height:18px!important;
  }

  /* Mantém a mesma escala também quando a sidebar estiver recolhida. */
  [data-slot="dashboard-content"] > [data-slot="sidebar"]:first-child
  [data-slot="sidebar-menu-button"][data-sidebar="menu-button"]{
    box-sizing:border-box!important;
  }
}


/* =========================================================
   MUSICOTECA V89 — LISTA DE FAIXAS / ESTRUTURA RESPONSIVA REAL
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-track-list{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .musicoteca-album-track-list [role="row"]{
    width:100%!important;
    min-height:62px!important;
    height:62px!important;
    margin:0 0 8px!important;
    padding:7px 9px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    border:1px solid rgba(246,211,154,.12)!important;
    border-radius:15px!important;
    background:rgba(43,24,14,.34)!important;
    overflow:hidden!important;
  }
  .musicoteca-album-track-list [role="row"] > .musicoteca-album-track-number-v89{
    flex:0 0 24px!important;width:24px!important;min-width:24px!important;
    padding:0!important;margin:0!important;display:flex!important;
    align-items:center!important;justify-content:center!important;
    color:rgba(246,211,154,.78)!important;font-size:12px!important;line-height:1!important;
  }
  .musicoteca-album-track-list [role="row"] > .musicoteca-album-track-info-v89{
    flex:1 1 auto!important;min-width:0!important;padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;overflow:hidden!important;
  }
  .musicoteca-album-track-cover-v89{
    flex:0 0 44px!important;width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;margin:0 9px 0 0!important;
    border-radius:9px!important;object-fit:cover!important;display:block!important;
  }
  .musicoteca-album-track-copy-v89{flex:1 1 auto!important;min-width:0!important;width:auto!important;overflow:hidden!important;}
  .musicoteca-album-track-copy-v89 .musicoteca-album-track-title-v89,
  .musicoteca-album-track-copy-v89 .musicoteca-album-track-artist-v89{
    display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;
    text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .musicoteca-album-track-copy-v89 .musicoteca-album-track-title-v89{
    color:#f6d39a!important;font-size:14px!important;line-height:1.2!important;font-weight:600!important;
  }
  .musicoteca-album-track-copy-v89 .musicoteca-album-track-artist-v89{
    color:rgba(246,211,154,.70)!important;margin-top:3px!important;font-size:12px!important;line-height:1.15!important;
  }
  .musicoteca-album-track-list [role="row"] > .musicoteca-album-track-options-v89{
    flex:0 0 30px!important;width:30px!important;min-width:30px!important;padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
}
@media (max-width:390px){.musicoteca-album-track-list{padding-left:20px!important;padding-right:20px!important;}}
@media (min-width:601px){
  body.musicoteca-album-page-v89 [data-slot="navbar"],
  body.musicoteca-album-page-v89 header,
  body.musicoteca-album-page-v89 nav[role="banner"]{box-shadow:none!important;filter:none!important;}
}


/* =========================================================
   MUSICOTECA V90 — CORREÇÃO EXATA DA SOMBRA DA NAVBAR DO ÁLBUM
   Somente desktop/tablet (>600px).
   A navbar desktop real do BeMusic usa [data-slot="navbar"].
   ========================================================= */
@media (min-width:601px){
  body.musicoteca-album-page-v90 [data-slot="navbar"],
  body.musicoteca-album-page-v90 [data-slot="navbar"].musicoteca-navbar-scrolled,
  body.musicoteca-album-page-v90 header,
  body.musicoteca-album-page-v90 nav[role="banner"]{
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    outline:none!important;
  }

  body.musicoteca-album-page-v90 [data-slot="navbar"]::before,
  body.musicoteca-album-page-v90 [data-slot="navbar"]::after,
  body.musicoteca-album-page-v90 header::before,
  body.musicoteca-album-page-v90 header::after,
  body.musicoteca-album-page-v90 nav[role="banner"]::before,
  body.musicoteca-album-page-v90 nav[role="banner"]::after{
    content:none!important;
    display:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
}

/* =========================================================
   MUSICOTECA V91 — ÁLBUM / TOPO 100% SEM SOMBRA
   CAUSA REAL: o AlbumPage injeta PlayerPageHeaderGradient,
   um bloco absoluto no topo com blur-[80px] e overlay z-20.
   Esse efeito não pertence à navbar, por isso as regras da
   navbar isoladamente não conseguiam eliminá-lo.
   Aqui removemos o efeito SOMENTE nas páginas de álbum.
   ========================================================= */
@media (min-width:601px){
  body.musicoteca-album-page-v90 .musicoteca-album-top-gradient-v91,
  body.musicoteca-album-page-v91 .musicoteca-album-top-gradient-v91{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Segurança adicional: nenhuma sombra/filtro em qualquer barra
     estrutural do topo da página de álbum. */
  body.musicoteca-album-page-v90 [data-slot="navbar"],
  body.musicoteca-album-page-v91 [data-slot="navbar"],
  body.musicoteca-album-page-v90 header,
  body.musicoteca-album-page-v91 header,
  body.musicoteca-album-page-v90 nav,
  body.musicoteca-album-page-v91 nav,
  body.musicoteca-album-page-v90 [role="banner"],
  body.musicoteca-album-page-v91 [role="banner"]{
    box-shadow:none!important;
    filter:none!important;
  }

  body.musicoteca-album-page-v90 [data-slot="navbar"]::before,
  body.musicoteca-album-page-v90 [data-slot="navbar"]::after,
  body.musicoteca-album-page-v91 [data-slot="navbar"]::before,
  body.musicoteca-album-page-v91 [data-slot="navbar"]::after{
    content:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
}


/* =========================================================
   MUSICOTECA V92 — PROTEÇÃO LATERAL REAL DA LISTA AUTOMÁTICA
   MOBILE / COMPACTO SOMENTE

   V91 já possuía a proteção de 28px para a lista quando o
   JavaScript conseguia marcá-la como .musicoteca-album-track-list.
   O problema observado na tela é que a lista automática atual
   não está usando role="row", então a marcação antiga não era
   encontrada e o CSS nunca chegava nela.

   V92 não altera o desenho da lista.
   Apenas protege lateralmente o bloco real encontrado pelo JS.
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-track-list-v92{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-track-list-v92{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* =========================================================
   MUSICOTECA V93 — ÁLBUM COM LISTA NO PADRÃO PLAYLIST
   Mobile / compacto somente.
   Mantém desktop e médio intactos.
   ========================================================= */
@media (max-width:600px){
  /* A própria lista deixa de ser uma coleção de cartões. */
  .musicoteca-album-track-list,
  .musicoteca-album-track-list-v92{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }

  /* Padrão visual da playlist: linha limpa, sem cartão individual. */
  .musicoteca-album-playlist-row-v93,
  .musicoteca-album-track-list [role="row"]{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:66px!important;
    height:66px!important;
    margin:0!important;
    padding:4px 0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  /* Separação discreta entre as faixas, como uma lista contínua. */
  .musicoteca-album-playlist-row-v93 + .musicoteca-album-playlist-row-v93,
  .musicoteca-album-track-list [role="row"] + [role="row"]{
    border-top:1px solid rgba(246,211,154,.10)!important;
  }

  /* Retira a numeração do modelo antigo. */
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-number-v89,
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-number-v54{
    display:none!important;
  }

  .musicoteca-album-playlist-row-v93[role="row"] > [role="cell"]:first-child:not(:has(img)),
  .musicoteca-album-track-list [role="row"] > [role="cell"]:first-child:not(:has(img)){
    display:none!important;
  }

  /* Capa: mesma leitura visual da lista de playlist. */
  .musicoteca-album-playlist-row-v93 img,
  .musicoteca-album-track-list [role="row"] img{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    margin:0!important;
    border-radius:8px!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Bloco de título/artista ocupa o espaço central. */
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-info-v89,
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-info-v54,
  .musicoteca-album-track-list [role="row"] > [role="cell"]:has(img){
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-copy-v89,
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-copy-v54{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
  }

  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-title-v89,
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-title-v54,
  .musicoteca-album-track-list [role="row"] .musicoteca-album-track-title-v89,
  .musicoteca-album-track-list [role="row"] .musicoteca-album-track-title-v54{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:600!important;
    color:#f6d39a!important;
  }

  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-artist-v89,
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-artist-v54,
  .musicoteca-album-track-list [role="row"] .musicoteca-album-track-artist-v89,
  .musicoteca-album-track-list [role="row"] .musicoteca-album-track-artist-v54{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:3px 0 0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1.15!important;
    color:rgba(246,211,154,.72)!important;
  }

  /* Menu de três pontos permanece à direita. */
  .musicoteca-album-playlist-row-v93 .musicoteca-album-track-options-v89,
  .musicoteca-album-playlist-row-v93 > [role="cell"]:last-child,
  .musicoteca-album-track-list [role="row"] > [role="cell"]:last-child{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* O botão continua no tamanho original; só retiramos aparência de cartão. */
  .musicoteca-album-playlist-row-v93 button,
  .musicoteca-album-track-list [role="row"] button{
    background:transparent!important;
    box-shadow:none!important;
  }

  .musicoteca-album-playlist-row-v93:has(.text-primary),
  .musicoteca-album-track-list [role="row"]:has(.text-primary){
    border-top-color:rgba(255,90,0,.18)!important;
    background:rgba(255,90,0,.035)!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-track-list,
  .musicoteca-album-track-list-v92{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* =========================================================
   MUSICOTECA V94 — ÁLBUM COM A MESMA LISTA VISUAL DA PLAYLIST
   Referência: lista da página de Playlist enviada pelo usuário.
   Mobile / compacto somente.

   Diferença essencial da V93:
   • NÃO exige capa na faixa;
   • NÃO exige role="row";
   • NÃO cria cartão;
   • NÃO mostra numeração;
   • usa a própria linha encontrada pelo V92 como item da lista.
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-playlist-row-v94{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:70px!important;
    margin:0!important;
    padding:8px 0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* O conteúdo textual da faixa ocupa todo o espaço disponível. */
  .musicoteca-album-playlist-row-v94 > div:first-child,
  .musicoteca-album-playlist-row-v94 > a:first-child,
  .musicoteca-album-playlist-row-v94 > [role="cell"]:first-child,
  .musicoteca-album-playlist-row-v94 > [role="gridcell"]:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  /* Retira qualquer numeração/capa criada pelas versões anteriores. */
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-number-v89,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-number-v54,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-cover-v89{
    display:none!important;
  }

  /* Caso exista uma célula de informações criada anteriormente,
     deixa título/artista livres para ocupar a linha como na playlist. */
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-info-v89,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-info-v54,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-copy-v89,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-copy-v54{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  /* Título e artista: duas linhas, exatamente a leitura da playlist. */
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-title-v89,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-title-v54{
    display:block!important;
    margin:0!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-artist-v89,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-artist-v54{
    display:block!important;
    margin:2px 0 0!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Qualquer imagem dentro da linha não participa do padrão playlist. */
  .musicoteca-album-playlist-row-v94 img{
    display:none!important;
  }

  /* Menu de três pontos sempre encostado à direita, como na playlist. */
  .musicoteca-album-playlist-row-v94 > button:last-child,
  .musicoteca-album-playlist-row-v94 > a:last-child,
  .musicoteca-album-playlist-row-v94 > [role="button"]:last-child,
  .musicoteca-album-playlist-row-v94 > [role="cell"]:last-child,
  .musicoteca-album-playlist-row-v94 > [role="gridcell"]:last-child,
  .musicoteca-album-playlist-row-v94 .musicoteca-album-track-options-v89{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-album-playlist-row-v94 button{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-playlist-row-v94{
    min-height:66px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
}

/* =========================================================
   MUSICOTECA V95 — ÁLBUM COM LISTA IGUAL À PLAYLIST
   Referência: print real da página de Playlist enviada pelo usuário.
   Mobile / compacto somente.

   Estrutura visual:
   [capa 58x58] [título\n                artista]                    [⋮]
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-playlist-row-v95{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:78px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .musicoteca-album-playlist-row-v95 + .musicoteca-album-playlist-row-v95{
    border-top:0!important;
  }

  /* Capa exatamente como na lista da Playlist. */
  .musicoteca-album-playlist-row-v95 > .musicoteca-album-playlist-cover-v95{
    flex:0 0 60px!important;
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Se houver imagens antigas criadas pelas versões anteriores,
     elas não aparecem além da nova capa. */
  .musicoteca-album-playlist-row-v95 img:not(.musicoteca-album-playlist-cover-v95){
    display:none!important;
  }

  /* Conteúdo textual: ocupa o espaço entre capa e menu. */
  .musicoteca-album-playlist-row-v95 > div:not(.musicoteca-album-playlist-cover-v95),
  .musicoteca-album-playlist-row-v95 > a:not(.musicoteca-album-playlist-cover-v95),
  .musicoteca-album-playlist-row-v95 > [role="cell"],
  .musicoteca-album-playlist-row-v95 > [role="gridcell"]{
    min-width:0!important;
  }

  .musicoteca-album-playlist-row-v95 > .musicoteca-album-playlist-cover-v95 + *,
  .musicoteca-album-playlist-row-v95 > .musicoteca-album-playlist-cover-v95 + * + *{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  /* O último botão/célula é sempre o menu de três pontos. */
  .musicoteca-album-playlist-row-v95 > button:last-child,
  .musicoteca-album-playlist-row-v95 > [role="button"]:last-child,
  .musicoteca-album-playlist-row-v95 > [role="cell"]:last-child,
  .musicoteca-album-playlist-row-v95 > [role="gridcell"]:last-child,
  .musicoteca-album-playlist-row-v95 .musicoteca-album-track-options-v89{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    margin-left:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .musicoteca-album-playlist-row-v95 button{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Quando o tema já possui classes internas de título/artista,
     mantemos a tipografia que a Playlist usa. */
  .musicoteca-album-playlist-row-v95 .musicoteca-album-track-title-v89,
  .musicoteca-album-playlist-row-v95 .musicoteca-album-track-title-v54{
    display:block!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:600!important;
    white-space:normal!important;
    overflow:visible!important;
    color:#f6d39a!important;
  }

  .musicoteca-album-playlist-row-v95 .musicoteca-album-track-artist-v89,
  .musicoteca-album-playlist-row-v95 .musicoteca-album-track-artist-v54{
    display:block!important;
    margin:2px 0 0!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:500!important;
    white-space:normal!important;
    overflow:visible!important;
    color:#f6d39a!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-playlist-row-v95{
    min-height:72px!important;
    padding:6px 0!important;
    gap:16px!important;
  }
  .musicoteca-album-playlist-row-v95 > .musicoteca-album-playlist-cover-v95{
    flex-basis:56px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
}

/* =========================================================
   MUSICOTECA V96 — ÁLBUM COM A MESMA ESTRUTURA VISUAL DA PLAYLIST

   Esta versão não cria um novo desenho de lista.
   Ela pega as linhas reais de faixas do álbum e aplica o mesmo
   padrão visual observado na Playlist:
   capa pequena | título + artista | três pontos

   MOBILE / COMPACTO SOMENTE.
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-playlist-row-v96{
    box-sizing:border-box!important;
    width:calc(100% - 48px)!important;
    max-width:none!important;
    min-height:60px!important;
    height:60px!important;
    margin:0 24px 26px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .musicoteca-album-playlist-row-v96 .musicoteca-album-playlist-cover-v96{
    flex:0 0 60px!important;
    width:60px!important;
    min-width:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
    margin:0 20px 0 0!important;
    padding:0!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:12px!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Remove estruturas antigas de número/capa/cartão. */
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-number-v54,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-number-v89{
    display:none!important;
  }

  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-info-v54,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-info-v89,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-copy-v54,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-copy-v89{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-title-v54,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-title-v89{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:18px!important;
    line-height:25px!important;
    font-weight:600!important;
    color:#f6d39a!important;
  }

  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-artist-v54,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-artist-v89{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:18px!important;
    line-height:25px!important;
    font-weight:600!important;
    color:#f6d39a!important;
  }

  /* Caso o tema não tenha recebido nossas classes de texto,
     preserva o conteúdo central da linha sem criar cartão. */
  .musicoteca-album-playlist-row-v96 > [role="cell"],
  .musicoteca-album-playlist-row-v96 > [role="gridcell"]{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .musicoteca-album-playlist-row-v96 > button:last-child,
  .musicoteca-album-playlist-row-v96 > [role="button"]:last-child,
  .musicoteca-album-playlist-row-v96 > [role="cell"]:last-child,
  .musicoteca-album-playlist-row-v96 > [role="gridcell"]:last-child,
  .musicoteca-album-playlist-row-v96 .musicoteca-album-track-options-v89{
    flex:0 0 28px!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:60px!important;
    margin:0 0 0 8px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .musicoteca-album-playlist-row-v96 button{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Faixa ativa segue a identidade da Playlist, sem cartão. */
  .musicoteca-album-playlist-row-v96:has(.text-primary){
    background:transparent!important;
    border:0!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-playlist-row-v96{
    width:calc(100% - 40px)!important;
    margin-left:20px!important;
    margin-right:20px!important;
    margin-bottom:22px!important;
  }

  .musicoteca-album-playlist-row-v96 .musicoteca-album-playlist-cover-v96{
    flex-basis:60px!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    margin-right:18px!important;
  }
}

/* =========================================================
   MUSICOTECA V97 — MARGEM DE DEFESA DO CONTEÚDO INFERIOR DO ÁLBUM
   MOBILE / COMPACTO SOMENTE

   A ficha técnica já possui 28px de proteção lateral. Esta regra
   continua a mesma proteção para os elementos que vêm depois dela,
   partindo do container externo para dentro.
   Não altera header, player, bottom navigation, desktop ou médio.
   ========================================================= */
@media (max-width:600px){
  .musicoteca-album-lower-content-v97{
    box-sizing:border-box!important;
  }

  .musicoteca-album-lower-content-v97 > .musicoteca-album-description ~ *,
  .musicoteca-album-lower-content-v97 > * .musicoteca-album-description ~ *{
    box-sizing:border-box!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

@media (max-width:390px){
  .musicoteca-album-lower-content-v97 > .musicoteca-album-description ~ *,
  .musicoteca-album-lower-content-v97 > * .musicoteca-album-description ~ *{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* =========================================================
   MUSICOTECA V98 — ÁLBUM MOBILE / HARMONIZAÇÃO DE ESPAÇAMENTOS
   Base: V56
   • somente mobile
   • reduz espaços verticais sem alterar a estrutura
   • mantém ações centralizadas
   • preserva player, navbar e conteúdo do desktop
   ========================================================= */
@media (max-width:600px){

  /* Título editorial */
  header.musicoteca-album-master::before{
    content:"Álbum do Brasil"!important;
    height:22px!important;
    margin:0 0 2px!important;
  }

  /* Capa → título → artista → metadados */
  header.musicoteca-album-master h1{
    margin:2px 0 0!important;
  }

  header.musicoteca-album-master .musicoteca-album-artist{
    margin:0 auto 0!important;
  }

  header.musicoteca-album-master .musicoteca-album-meta{
    margin:4px auto 0!important;
  }

  /* Bloco de ações: compacto e centralizado */
  .musicoteca-album-actions{
    margin:24px auto 0!important;
  }

  .musicoteca-album-actions > div{
    gap:6px!important;
    justify-content:center!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    gap:7px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
  }

  /* Ficha Técnica mais próxima das ações */
  .musicoteca-album-description{
    margin:28px auto 0!important;
  }

  .musicoteca-album-description::before{
    content:"Ficha Técnica"!important;
    height:22px!important;
    margin:0 0 6px!important;
  }

  .musicoteca-album-description > *{
    margin-bottom:5px!important;
  }

  /* Conteúdo inferior acompanha o novo ritmo */
  .musicoteca-album-track-list{
    margin-top:12px!important;
  }
}

/* Em telas muito estreitas, preserva a proteção lateral,
   mas mantém os mesmos botões compactos. */
@media (max-width:390px){

  .musicoteca-album-actions{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .musicoteca-album-actions > div{
    gap:5px!important;
  }

  .musicoteca-album-actions .musicoteca-album-primary{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }

  .musicoteca-album-actions .musicoteca-album-circle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}


/* =========================================================
   MUSICOTECA V99 — ÁLBUM MOBILE / AJUSTE FINO DE RESPIRO
   Base: V56 + V98/V2
   • aproxima a capa do título editorial
   • aproxima o título/artista da capa
   • cria mais respiro antes e depois das ações
   • somente mobile
   • não altera player, navbar ou desktop
   ========================================================= */
@media (max-width:600px){

  header.musicoteca-album-master::before{
    margin-bottom:2px!important;
  }

  header.musicoteca-album-master h1{
    margin-top:2px!important;
  }

  header.musicoteca-album-master .musicoteca-album-artist{
    margin-top:0!important;
  }

  .musicoteca-album-actions{
    margin-top:24px!important;
    margin-bottom:0!important;
  }

  .musicoteca-album-description{
    margin-top:28px!important;
  }
}


/* =========================================================
   MUSICOTECA V100 — ÁLBUM MOBILE / CAPA + TÍTULO
   • aproxima a capa do título "Álbum do Brasil"
   • aproxima o título do álbum da capa
   • somente mobile
   • preserva player, navbar e desktop
   ========================================================= */
@media (max-width:600px){

  header.musicoteca-album-master::before{
    margin-bottom:-10px!important;
  }

  header.musicoteca-album-master h1{
    margin-top:-6px!important;
  }

}


/* =========================================================
   MUSICOTECA V101 — ÁLBUM MOBILE / APROXIMAÇÃO DA CAPA
   • remove o espaçamento estrutural entre capa e informações
   • aproxima título, artista e metadados da capa
   • mantém o respiro próprio das ações
   • somente mobile
   • não altera player, navbar ou desktop
   ========================================================= */
@media (max-width:600px){

  /* O cabeçalho do BeMusic usa espaçamento entre os filhos.
     Aqui deixamos a distância ser controlada pelos nossos margins. */
  header.musicoteca-album-master{
    gap:0!important;
  }

  header.musicoteca-album-master > div{
    gap:0!important;
  }

  /* Título do álbum imediatamente após a capa. */
  header.musicoteca-album-master h1{
    margin-top:2px!important;
    margin-bottom:0!important;
  }

  /* Artista mais próximo do título. */
  header.musicoteca-album-master .musicoteca-album-artist{
    margin-top:1px!important;
    margin-bottom:0!important;
  }

  /* Metadados mais próximos do artista. */
  header.musicoteca-album-master .musicoteca-album-meta{
    margin-top:3px!important;
    margin-bottom:0!important;
  }

  /* Mantém um respiro claramente separado antes das ações. */
  .musicoteca-album-actions{
    margin-top:24px!important;
  }
}


/* =========================================================
   MUSICOTECA V102 — ÁLBUM
   TÍTULO "ÁLBUM DO BRASIL" SOMENTE NO MOBILE
   • oculta o pseudo-elemento nas larguras maiores
   • preserva integralmente o mobile
   • não altera player, navbar ou demais elementos
   ========================================================= */
@media (min-width:601px){
  header.musicoteca-album-master::before{
    display:none!important;
    content:none!important;
  }
}