/* 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

   REGRA FUNDAMENTAL V54:
   O efeito de sombra da barra superior pertence SOMENTE ao
   cabeçalho mobile da página de álbum.

   No desktop, neutralizamos também o estado "scrolled" para
   impedir que uma versão antiga do CSS volte a desenhar sombra.
   ========================================================= */

@media (min-width:601px){
  [data-slot="navbar"],
  [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:none!important;
    filter:none!important;
  }
}

@media (max-width:600px){
  [data-slot="navbar"]{
    position:relative!important;
    z-index:40!important;
    transition:box-shadow .22s ease!important;
    box-shadow:0 1px 0 rgba(74,42,18,.10),0 4px 13px rgba(43,23,16,.17)!important;
  }

  [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:0 5px 16px rgba(43,23,16,.24)!important;
  }

  html.dark [data-slot="navbar"],
  body.dark [data-slot="navbar"]{
    box-shadow:0 1px 0 rgba(244,199,126,.08),0 4px 13px rgba(0,0,0,.28)!important;
  }

  html.dark [data-slot="navbar"].musicoteca-navbar-scrolled,
  body.dark [data-slot="navbar"].musicoteca-navbar-scrolled{
    box-shadow:0 6px 18px rgba(0,0,0,.34)!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 Brasileiro" entre linhas finas. */
  header.musicoteca-album-master::before{
    content:"Álbum Brasileiro"!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:var(--mo54-dark-text)!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.055em!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) header.musicoteca-album-master::before,
  body:not(.dark) header.musicoteca-album-master::before{
    color:var(--mo54-light-text)!important;
    background:
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) right center / calc(50% - 64px) 1px no-repeat!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:var(--mo54-light-text)!important;
    background:
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) left center / calc(50% - 64px) 1px no-repeat,
      linear-gradient(var(--mo54-light-line),var(--mo54-light-line)) right center / calc(50% - 64px) 1px no-repeat!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;
  }
}