/* MAIS TUNER 24.172 — Fontes de áudio e selos da transmissão, organizados por CODEC.
   Cada fonte: selo do codec (logotipo oficial no xHE-AAC) · nome · taxa · HLS/contínua · HTTPS. */

/* ---------- lista de fontes ---------- */
:is(#sourceRow,#stationHeroSources):has(.src-opt){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px!important;overflow:visible!important}
.hero #sourceRow:has(.src-opt){padding:0!important;background:transparent!important}
:is(#sourceRow,#stationHeroSources) .src-pill.src-opt{flex:none!important;min-height:62px!important;padding:10px 42px 10px 10px!important;gap:12px!important;border-radius:14px!important;width:auto!important;max-width:none!important}
:is(#sourceRow,#stationHeroSources) .src-opt .src-pill-icon{width:62px!important;height:40px!important;flex:0 0 62px!important;border-radius:10px!important;padding:0;background:none!important;overflow:hidden}
.src-codec{display:grid;place-items:center;width:100%;height:100%;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-family:'Reddit Sans',sans-serif}
.src-codec b{font-size:12.5px;font-weight:900;letter-spacing:.02em;line-height:1;white-space:nowrap}
.src-codec.is-heaac{background:rgba(61,127,255,.2);color:#a9c8ff}
.src-codec.is-aac{background:rgba(26,212,255,.14);color:#8fe7ff}
.src-codec.is-opus{background:rgba(168,85,247,.2);color:#dcc0ff}
.src-codec.is-mp3{background:rgba(148,163,184,.16);color:#d3dbe7}
.src-codec.is-flac{background:rgba(250,204,21,.16);color:#fde68a}
.src-codec.is-other{background:rgba(148,163,184,.12);color:#c7d2e2}
.src-codec.is-xhe{background:#0a1220;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.src-codec.is-xhe .xhe-official-logo{display:block;width:44px!important;height:auto!important;max-height:none!important}
:is(#sourceRow,#stationHeroSources) .src-opt .src-pill-main{font-size:13.5px!important;font-weight:750;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
:is(#sourceRow,#stationHeroSources) .src-opt .src-specs{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px!important;opacity:1!important;white-space:normal!important;overflow:visible!important}
.src-spec{display:inline-flex;align-items:center;gap:3px;height:19px;padding:0 7px;border-radius:999px;background:rgba(147,163,196,.12);color:#b3c2da;font:700 10.5px/1 'Reddit Sans',sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.src-spec svg{width:10px;height:10px;fill:currentColor}
.src-spec.is-rate{color:#e4ecf8;background:rgba(147,163,196,.18)}
.src-spec.is-secure{color:#5fffc0;background:rgba(95,255,192,.1)}
.src-spec.is-plain{color:#8a99b3;background:transparent;box-shadow:inset 0 0 0 1px rgba(147,163,196,.22)}
.src-spec.is-warn{height:auto;padding:3px 8px;color:#ffc2b8;background:rgba(255,120,100,.1);white-space:normal;line-height:1.3}
:is(#sourceRow,#stationHeroSources) .src-opt.is-unsupported{opacity:.62;cursor:not-allowed}
:is(#sourceRow,#stationHeroSources) .src-opt.is-unsupported .src-codec{filter:grayscale(.3)}
:is(#sourceRow,#stationHeroSources) .src-opt.is-xhe:not(.is-unsupported){background:linear-gradient(120deg,rgba(123,92,255,.12),rgba(29,155,255,.08) 60%,transparent)!important}
:is(#sourceRow,#stationHeroSources) .src-opt.is-xhe[aria-pressed=true]{background:linear-gradient(120deg,rgba(123,92,255,.22),rgba(29,155,255,.14) 60%,rgba(34,228,200,.08))!important}
@media (max-width:640px){
  :is(#sourceRow,#stationHeroSources):has(.src-opt){grid-template-columns:1fr;max-width:100%}
  .hero #sourceRow:has(.src-opt){overflow:visible!important;flex-wrap:wrap!important}
}

/* ---------- selos da transmissão (HD, Eco+, Opus, xHE-AAC, HLS, DAB+, RDS) ---------- */
.hero #qualityBadges{align-items:center;gap:6px!important}
.hero #qualityBadges .qb{height:30px!important;min-height:30px!important;padding:0 10px!important;border-radius:9px!important;display:inline-flex;align-items:center;gap:5px;font:800 10.5px/1 'Reddit Sans',sans-serif!important;letter-spacing:.06em}
.hero #qualityBadges .qb.active{color:#eaf3ff!important}
.hero #qualityBadges .qb svg{width:13px!important;height:13px!important}
.hero #qualityBadges .qb .rds-official-logo{width:30px;opacity:1}
.hero #qualityBadges .qb.qb-xhe{padding:0 9px!important}
.hero #qualityBadges .qb.qb-xhe .xhe-official-logo{height:17px!important;width:auto!important}
.hero #qualityBadges .qb.qb-dab img{height:16px}

/* tema claro */
html[data-site-theme="light"] .src-codec.is-heaac{color:#1f4fd6}
html[data-site-theme="light"] .src-codec.is-aac{color:#06799a}
html[data-site-theme="light"] .src-codec.is-opus{color:#7c3aed}
html[data-site-theme="light"] .src-codec.is-mp3,html[data-site-theme="light"] .src-codec.is-other{color:#334155}
html[data-site-theme="light"] .src-codec.is-flac{color:#946200}
html[data-site-theme="light"] .src-spec{color:#41536e;background:rgba(65,83,110,.08)}
html[data-site-theme="light"] .src-spec.is-rate{color:#14243b}
html[data-site-theme="light"] .src-spec.is-secure{color:#08805a;background:rgba(8,128,90,.1)}
html[data-site-theme="light"] .hero #qualityBadges .qb.active{color:#0f2440!important}
html[data-site-theme="light"] .hero #qualityBadges .qb.qb-xhe .xhe-official-logo{filter:invert(1)}

/* ---------- 24.173: codec discreto no player do app (tela cheia) ---------- */
html:not(.mt-app) #cinemaCodec{display:none!important}
.cine-codec{position:relative;z-index:70;display:flex;justify-content:center;margin:8px auto 0}
.cine-codec[hidden]{display:none!important}
.cine-codec-btn{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:0;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(226,236,250,.62);font:700 11px/1 'Reddit Sans',sans-serif;letter-spacing:.03em;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}
.cine-codec-btn:hover,.cine-codec-btn[aria-expanded=true]{background:rgba(255,255,255,.1);color:rgba(236,243,252,.9)}
.cine-codec-btn b{font-weight:900;color:rgba(236,243,252,.85);letter-spacing:.04em}
.cine-codec-logo{display:inline-flex;align-items:center}
.cine-codec-logo .xhe-official-logo{height:13px;width:auto;opacity:.85}
.cine-codec-lock{width:10px;height:10px;fill:currentColor;opacity:.75}
.cine-codec-chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;opacity:.6;transition:transform .25s ease}
.cine-codec-btn[aria-expanded=true] .cine-codec-chev{transform:rotate(180deg)}
.cine-codec-btn:focus-visible{outline:2px solid var(--ui81-accent,#5fffc0);outline-offset:2px}
.cine-codec-sheet{position:absolute;z-index:60;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 32px));max-height:min(54vh,420px);overflow:auto;padding:8px;border-radius:18px;background:#0a1424;box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cineCodecIn .22s ease both}
.cine-codec-sheet[hidden]{display:none!important}
@keyframes cineCodecIn{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}
#cinemaSources{display:grid;gap:6px}
#cinemaSources .src-pill.src-opt{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 36px 8px 8px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04);color:#e6eefa;text-align:left;font-family:'Reddit Sans',sans-serif;cursor:pointer}
#cinemaSources .src-pill.src-opt[aria-pressed=true]{border-color:var(--ui81-accent,#5fffc0);background:color-mix(in srgb,var(--ui81-accent,#5fffc0) 10%,transparent)}
#cinemaSources .src-pill.src-opt::after{content:'';position:absolute;right:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);border:1px solid currentColor;border-radius:50%;opacity:.3}
#cinemaSources .src-pill.src-opt[aria-pressed=true]::after{content:'✓';display:grid;place-items:center;background:var(--ui81-accent,#5fffc0);border-color:transparent;color:#04241a;opacity:1;font:800 10px/1 'Reddit Sans',sans-serif}
#cinemaSources .src-pill-icon{width:52px;height:34px;flex:0 0 52px;display:block}
#cinemaSources .src-codec b{font-size:11px}
#cinemaSources .src-codec.is-xhe .xhe-official-logo{width:38px!important}
#cinemaSources .src-pill-copy{min-width:0;display:flex;flex-direction:column}
#cinemaSources .src-pill-main{font-size:12.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cinemaSources .src-specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;white-space:normal;overflow:visible;height:auto}
#cinemaSources .src-spec.is-warn{height:auto;font-size:10px;padding:3px 7px}
#cinemaSources .src-spec{height:17px;font-size:9.5px;padding:0 6px}
#cinemaSources .src-opt.is-unsupported{opacity:.6}
@media (prefers-reduced-motion:reduce){.cine-codec-sheet{animation:none}.cine-codec-chev{transition:none}}
html[data-site-theme="light"] .cine-codec-btn{background:rgba(15,36,64,.06);color:rgba(15,36,64,.62)}
html[data-site-theme="light"] .cine-codec-btn b{color:rgba(15,36,64,.85)}
html[data-site-theme="light"] .cine-codec-logo .xhe-official-logo{filter:invert(1)}

/* ---------- 24.175: logotipo do xHE-AAC na Central de distribuição ---------- */
.dist-codec-logo{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;background:#0a1220;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);vertical-align:middle}
.dist-codec-logo img{display:block;height:14px;width:auto}
.dist-link.is-xhe{box-shadow:inset 3px 0 0 #7b5cff}
.dsh-codec-xhe{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:#0a1220;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);vertical-align:middle}
.dsh-codec-xhe img{display:block;height:13px;width:auto}