/* MAIS TUNER 24.25 — Sua biblioteca em tela cheia.
   Antes a biblioteca abria numa coluna de 680px, com cara de versão de celular
   no computador. Agora ocupa a largura da conta (até 1320px), o resumo da
   coleção vira as abas e cada seção ganha uma grade própria. Fonte original da
   central de conta (NRK Sans) preservada. */

#mtAuthOverlay .mt-auth-card:has(#communityStep.active){
  width:min(1320px,100%)!important;max-width:none!important;
  padding:12px 8px 48px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#communityStep{--lib-accent:var(--nordic-accent);--lib-ease:cubic-bezier(.22,1,.36,1)}
#communityStep>.mt-auth-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:14px;font-weight:600}

/* cabeçalho */
#communityStep .community-head{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:end;margin:6px 0 26px}
#communityStep .community-head.is-library{padding:30px 32px;border:1px solid var(--nordic-line);border-radius:26px;
  background:radial-gradient(70% 140% at 100% 0%,color-mix(in srgb,var(--lib-accent) 18%,transparent),transparent 62%),var(--nordic-surface)}
#communityStep .community-heading{margin:0 0 8px!important;font-size:clamp(34px,4.4vw,56px)!important;line-height:1!important}
#communityStep .community-intro{margin:0!important;font-size:16px;line-height:1.55}

/* resumo = abas */
.community-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.community-summary[hidden]{display:none!important}
#mtAuthOverlay .community-summary-item{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon icon" "num num" "title title" "sub sub";justify-items:start;gap:2px;
  min-height:132px;padding:16px 18px;border:1px solid var(--nordic-line);border-radius:18px;background:color-mix(in srgb,var(--nordic-bg) 70%,transparent);
  color:var(--nordic-text);font-family:'NRK Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .25s var(--lib-ease),background .2s ease}
#mtAuthOverlay .community-summary-item:hover{border-color:var(--lib-accent);transform:translateY(-2px)}
#mtAuthOverlay .community-summary-item:focus-visible{outline:3px solid var(--lib-accent);outline-offset:3px}
.community-summary-icon{grid-area:icon;display:grid;place-items:center;width:32px;height:32px;margin-bottom:8px;border-radius:10px;background:var(--nordic-soft);color:var(--lib-accent);font-size:15px}
.community-summary-item strong{grid-area:num;font-size:32px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.community-summary-title{grid-area:title;margin-top:6px;font-size:15px;font-weight:700}
.community-summary-item small{grid-area:sub;color:var(--nordic-muted);font-size:12px}
#mtAuthOverlay .community-summary-item[aria-current="page"]{background:var(--lib-accent);border-color:var(--lib-accent);color:var(--nordic-bg)}
#mtAuthOverlay .community-summary-item[aria-current="page"] small{color:color-mix(in srgb,var(--nordic-bg) 75%,transparent)}
#mtAuthOverlay .community-summary-item[aria-current="page"] .community-summary-icon{background:color-mix(in srgb,var(--nordic-bg) 18%,transparent);color:var(--nordic-bg)}
#mtAuthOverlay .community-summary-charts{border-style:dashed}
#mtAuthOverlay .community-summary-charts strong{font-size:26px}

/* barra de filtros e aviso */
#communityStep .community-toolbar{margin:0 0 18px}
#communityStep .community-toolbar:empty{display:none}
#mtAuthOverlay #communityStep .community-status{margin:0 0 18px;font-size:13px}
#mtAuthOverlay #communityStep .community-status:empty{display:none}

/* programas e episódios: 3 colunas */
#communityStep .community-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#communityStep .community-episode-card{grid-template-columns:1fr;border-radius:18px;transition:transform .25s var(--lib-ease),border-color .2s ease}
#communityStep .community-episode-card:hover{transform:translateY(-3px);border-color:var(--lib-accent)}
#communityStep .community-episode-card .community-art{aspect-ratio:16/10}

/* rádios: cubos da tela inicial */
#communityStep .community-radio-grid.grid.brand-view{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;width:auto!important}
#communityStep .community-radio-card{padding:12px 12px 14px;border-radius:20px;gap:10px}
#communityStep .community-brand-tile{width:100%;margin:0;cursor:pointer;border-radius:16px;overflow:hidden}
#communityStep .community-brand-tile .brand-tile-stage{aspect-ratio:1;border-radius:16px 16px 0 0}
#communityStep .community-brand-tile:not(.has-affiliate) .brand-tile-stage{border-radius:16px}
#communityStep .community-brand-tile .brand-tile-fallback{font:800 28px 'Reddit Sans',sans-serif;color:#fff}
#communityStep .community-radio-copy{min-width:0;padding:0 4px}
#mtAuthOverlay #communityStep .community-radio-card h2{margin:2px 0 2px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#communityStep .community-radio-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}
#communityStep .community-radio-actions .community-button{white-space:nowrap}
#communityStep .community-radio-actions .community-button{min-height:38px;padding:8px;font-size:12.5px;border-radius:999px}
#mtAuthOverlay #communityStep .community-listen{background:#ff3b4f;border-color:#ff3b4f;color:#fff}
#mtAuthOverlay #communityStep .community-listen:hover{background:#ff5464!important;border-color:#ff5464!important}

/* músicas: 2 colunas por rádio */
#communityStep .community-station-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 30px;border-top:0}
#communityStep .community-station-heading{grid-column:1/-1;padding:4px 0 4px;border-bottom:1px solid var(--nordic-line)}
#communityStep .community-song-row{margin:0;border-radius:16px;padding:16px}
#communityStep .community-song-row .community-art{width:76px;border-radius:10px}

/* vazio */
#communityStep .community-empty{display:grid;justify-items:center;gap:12px;padding:56px 24px;border-radius:22px}
#communityStep .community-empty p{margin:0;font-size:16px;color:var(--nordic-muted)}
.community-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--nordic-soft);color:var(--lib-accent,#9ce8d2);font-size:24px}
#mtAuthOverlay .community-empty-cta{border-radius:999px;background:var(--nordic-accent);border-color:var(--nordic-accent);color:var(--nordic-bg)}

/* consentimento discreto no fim */
#communityStep .community-consent{max-width:860px;font-size:12px!important}

@media (max-width:1100px){
  .community-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  #communityStep .community-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #mtAuthOverlay .mt-auth-card:has(#communityStep.active){padding:8px 2px 40px!important}
  #communityStep .community-head.is-library{padding:20px 16px;border-radius:22px}
  .community-summary{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;gap:10px}
  .community-summary::-webkit-scrollbar{display:none}
  #mtAuthOverlay .community-summary-item{flex:0 0 138px;min-height:118px;padding:14px}
  .community-summary-item strong{font-size:26px}
  #communityStep .community-library-grid,#communityStep .community-station-group{grid-template-columns:1fr}
  #communityStep .community-radio-grid.grid.brand-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #communityStep .community-radio-actions{grid-template-columns:1fr}
}

/* ---------- 24.25: entrada (login, cadastro, senha, recuperação) ----------
   Painel único: a vitrine de benefícios e o formulário viram duas metades do
   mesmo cartão, o formulário centralizado na altura e o botão principal na cor
   da marca. */
#mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-primary{
  background:linear-gradient(135deg,#5fffc0,#36cae7)!important;color:#04243c!important;font-weight:800!important;box-shadow:0 16px 34px -18px #36cae7}
#mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-field input{min-height:54px;font-size:16px}
#mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-field input:focus{outline:none;border-color:#5fffc0!important;box-shadow:0 0 0 4px color-mix(in srgb,#5fffc0 22%,transparent)!important}
@media (min-width:980px){
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-stage{
    grid-template-columns:minmax(0,500px) minmax(0,520px)!important;gap:0!important;align-items:stretch!important;padding-top:48px!important}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-acc-aside{border-radius:30px 0 0 30px;border-right:0}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-auth-card{
    display:flex!important;flex-direction:column;justify-content:center;border-radius:0 30px 30px 0!important;padding:44px 48px!important}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-acc-benefits{grid-template-columns:1fr 1fr}
  #mtAuthOverlay:not(.mt-acc-signed):is([data-step="email"],[data-step="password"],[data-step="register"],[data-step="recover"]) .mt-acc-benefits li{flex-direction:column;gap:10px}
}