/* V.4 — nicho de fitas em pé e gôndola ampla. Mobile mantém sua diagramação. */
@media (min-width:901px) {
  .player-panel .playlist-tapes {
    inset:auto;left:10.5%;top:26%;width:20.8%;height:53%;z-index:7;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:minmax(82px,1fr);align-content:start;gap:2.3%;
    box-sizing:border-box;padding:1.1%;overflow:auto;pointer-events:auto;
    border:3px ridge #83502b;border-radius:5px;
    background:repeating-linear-gradient(0deg,#24140f 0 10px,#4b2816 11px 15px,#1a0d09 16px 19px);
    box-shadow:inset 0 0 18px #090605,0 3px 12px #050302;
    scrollbar-width:thin;scrollbar-color:#b5844c #1d110c;
  }
  .player-panel .playlist-tape,.player-panel .playlist-future {
    position:relative;inset:auto;width:100%;height:100%;min-width:0;
    display:block;box-sizing:border-box;padding:4px;border:2px solid #181a19;
    border-radius:4px;background:linear-gradient(90deg,#111717,#343b3a 16% 84%,#080b0b);
    box-shadow:1px 3px 5px #000b,inset 0 0 0 1px #967c60;
    transform:none;translate:none;filter:none;overflow:hidden;
  }
  .player-panel .playlist-tape:hover,.player-panel .playlist-tape:focus-visible {
    transform:translateY(-3px);filter:brightness(1.14);outline:2px solid #e6be78;outline-offset:0;
  }
  .player-panel .playlist-tape.is-selected{border-color:#f5c871;box-shadow:0 0 12px #d8a949,inset 0 0 0 1px #f4dda5}
  .player-panel .playlist-tape::before,.player-panel .playlist-future::before {
    content:"C+";position:absolute;left:4px;top:4px;color:#d6ac69;font:700 clamp(6px,.55vw,10px)/1 Arial,sans-serif;
  }
  .player-panel .playlist-tape::after,.player-panel .playlist-future::after{
    content:"";display:block;position:absolute;left:50%;bottom:5%;width:16%;height:10%;
    transform:translateX(-50%);border-radius:50%;background:#101312;border:2px solid #9a8a6f;box-shadow:inset 0 0 0 2px #171e1d;
  }
  .player-panel .playlist-tape__label,.player-panel .playlist-future .playlist-tape__label {
    position:absolute;left:14%;top:17%;width:72%;height:64%;box-sizing:border-box;padding:5px 2px;
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    background:var(--box-paper,#ded0ad);color:var(--box-ink,#263b43);
    border:1px solid #8b7558;box-shadow:inset 0 0 0 2px #fff4d344;
    text-align:center;transform:none;overflow:hidden;
  }
  .player-panel .playlist-tape__label strong{font:800 clamp(6px,.68vw,12px)/1.1 Arial,sans-serif;letter-spacing:.025em;overflow-wrap:anywhere}
  .player-panel .playlist-tape__label .collection-logo{display:block;width:82%;height:20%;object-fit:contain}
  .player-panel .playlist-tape__label small{font:800 clamp(7px,.8vw,14px)/1 Arial,sans-serif}
  .player-panel .playlist-tape[data-tone="red"]{--box-paper:#ae5446;--box-ink:#fff4dc}
  .player-panel .playlist-tape[data-tone="olive"]{--box-paper:#9ea579;--box-ink:#1f3024}
  .player-panel .playlist-future{opacity:.48;pointer-events:none}

  .archive-dialog[open] {
    display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
    width:min(80vw,1450px);max-width:none;height:min(86dvh,900px);max-height:calc(100dvh - 24px);
    margin:auto;padding:clamp(16px,2vw,26px);box-sizing:border-box;overflow:hidden;
    border:6px ridge #ad7441;border-radius:12px;color:#f9e8cb;
    background:linear-gradient(100deg,#1b1310,#342119 54%,#171210);
    box-shadow:inset 0 0 0 2px #e0b57a,0 25px 90px #000d;
  }
  .archive-dialog::backdrop{background:rgba(3,6,8,.82);backdrop-filter:blur(3px)}
  .archive-dialog h2{font-size:clamp(24px,2.5vw,38px)}
  .archive-desktop-controls {
    min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,27%);
    grid-template-rows:auto minmax(0,1fr) auto;gap:14px 20px;
  }
  .archive-filters{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .archive-filters .archive-program-label{margin:0;font-size:14px}
  .archive-filters select{width:auto;min-width:160px;max-width:260px;flex:1 1 160px}
  .archive-seasons{grid-column:1;grid-row:2;margin:0;min-height:0;display:flex;flex-direction:column}
  .archive-seasons legend{margin:0 0 7px;font-size:14px}
  .archive-dialog #archive-options {
    min-height:0;max-height:none;height:100%;overflow:auto;box-sizing:border-box;
    display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));
    grid-auto-rows:max-content;align-content:start;justify-content:start;gap:12px;
    padding:12px;border:4px ridge #6f492b;border-radius:6px;
    background:repeating-linear-gradient(0deg,#1c110c 0 160px,#492714 162px 169px,#21130e 171px 176px);
  }
  .archive-season.cassette-case{width:auto;min-width:0;padding:5px;box-sizing:border-box}
  .archive-season .cassette-cover__number{font-size:32px}
  .archive-season .cassette-cover__logo{width:75%}
  .cassette-case[data-tone="red"] .cassette-cover{--paper:#ac5446;--ink:#fff2d4}
  .cassette-case[data-tone="olive"] .cassette-cover{--paper:#9ea579;--ink:#193127}
  .archive-preview{grid-column:2;grid-row:2;min-height:0;overflow:auto;padding:16px;border:2px solid #b48955;border-radius:4px;background:#ddc6a0;color:#30251e;box-shadow:inset 0 0 0 4px #ae8e69}
  .archive-preview h3{margin:0 0 10px;font:700 23px Georgia,serif}
  .archive-preview h4{font:700 18px/1.2 Georgia,serif;margin:0 0 12px}
  .archive-preview p,.archive-preview li{font:14px/1.5 Georgia,serif}
  .archive-preview ul{padding-left:20px}
  .archive-preview__state{border-top:1px solid #7e6249;padding-top:8px;font-weight:bold!important}
  .archive-sound{grid-column:1;grid-row:3}
  .archive-note{grid-column:2;grid-row:3;margin:auto 0}
  .archive-footer{padding-top:12px;min-height:0}
  #archive-load{width:auto;min-width:160px}
}
@media (min-width:901px) and (max-width:1200px){
  .player-panel .playlist-tapes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-dialog #archive-options{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}
}

/* V.4.2 — gôndola aberta, coleções distintas e encarte legível. */
@media (min-width:901px) {
  .archive-dialog[open]{height:min(90dvh,960px);grid-template-rows:auto auto minmax(0,1fr) auto}
  .archive-desktop-controls{
    grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);
    grid-template-rows:auto minmax(0,1fr) auto;gap:12px 18px;
  }
  .archive-filters{grid-column:1;grid-row:1;flex-wrap:nowrap;gap:7px}
  .archive-filters select{min-width:0;max-width:none;flex:1 1 0}
  .archive-filters .archive-program-label{font-size:12px}
  .archive-seasons{grid-column:1;grid-row:2}
  .archive-dialog #archive-options{
    grid-template-columns:repeat(auto-fill,minmax(86px,100px));
    grid-auto-rows:160px;align-content:start;justify-content:start;gap:0 10px;
    padding:5px 14px 14px;border:3px ridge #8c5829;
    background:#1c1009 url('../../assets/img/gondola-locadora-v4-2.webp') left top / 100% 480px repeat-y;
    background-attachment:local;
  }
  .archive-season.cassette-case{width:100%;height:150px;align-self:start;padding:3px;gap:2px}
  .archive-season.cassette-case:has(input:checked){padding:2px;transform:translateY(-3px)}
  .archive-season.cassette-case:hover{transform:translateY(-3px)}
  .archive-season .cassette-cover{height:130px;aspect-ratio:auto;box-sizing:border-box;gap:2px;padding:6px 3px 4px 13px}
  .archive-season .cassette-cover__logo{height:16px;width:70%}
  .archive-season .cassette-cover__kicker{font-size:6px}
  .archive-season .cassette-cover__number{font-size:27px}
  .archive-season .cassette-cover__program{font-size:9px;line-height:1.1;padding-top:2px}
  .archive-season .cassette-cover__edition{font-size:6px}
  .archive-season .cassette-cover__notes{display:none}
  .archive-season .cassette-case__caption{font-size:8px;padding:1px}
  .archive-preview{
    grid-column:2;grid-row:1 / 4;position:relative;isolation:isolate;
    min-height:0;padding:20px;overflow:auto;
    background:#e4cda5;box-shadow:inset 0 0 0 5px #b08d61;
  }
  .archive-preview::before{
    content:"";position:absolute;inset:15% 5%;z-index:-1;pointer-events:none;
    background:url('../../assets/img/logo-aprovada-metal.webp') center / contain no-repeat;
    opacity:.105;
  }
  .archive-preview h3{font-size:26px}
  .archive-preview h4{font-size:20px}
  .archive-preview p,.archive-preview li{font-size:14px;line-height:1.45}
  .archive-preview li{margin-bottom:5px}
  .archive-preview__subtitle{font-weight:700}
  #edition-content{max-height:none;overflow:visible;padding:0}
  .archive-sound{grid-column:1;grid-row:3}
  .archive-note{display:none}
}

@media (min-width:901px) {
  .archive-season[data-collection="flash-back"] .cassette-cover{
    --ink:#fff9dd;background:linear-gradient(148deg,#c73b79 3%,#dd684b 32%,#dfaa35 56%,#2e8db1 79%,#593e90);
  }
  .archive-season[data-collection="gospel-music"] .cassette-cover{
    --ink:#233b50;background:linear-gradient(145deg,#f9f5dc 0%,#d8ebf7 40%,#9bcce1 74%,#e8d19a);
  }
  .archive-season[data-collection="rock"] .cassette-cover{
    --ink:#f1ece4;background:linear-gradient(145deg,#111316,#34393c 52%,#090a0c);
  }
  .archive-season[data-collection="gospel-rock"] .cassette-cover{
    --ink:#ffdc52;background:linear-gradient(145deg,#11110d,#262213 58%,#0a0907);
    box-shadow:inset 0 0 0 2px #d7b63d;
  }
  .archive-season[data-collection="gospel-rock"] .cassette-cover::before{
    content:"777";position:absolute;right:3px;top:2px;color:#ffe05a;
    font:800 9px/1 Arial,sans-serif;letter-spacing:.04em;
  }
}

/* V.4.3 — somente a janela do acervo. */
@media (min-width:901px) {
  .archive-dialog[open]{
    border:2px solid rgba(207,226,238,.82);
    color:#f1f7f9;
    background:
      linear-gradient(116deg,transparent 0 17%,rgba(218,244,255,.16) 19%,transparent 24% 72%,rgba(228,247,255,.10) 75%,transparent 80%),
      linear-gradient(160deg,rgba(118,162,185,.36),rgba(24,45,60,.66) 34%,rgba(30,52,65,.70) 72%,rgba(138,176,194,.30)),
      rgba(11,29,40,.65);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.34),inset 0 1px 28px rgba(229,247,255,.18),0 25px 90px #000b;
    -webkit-backdrop-filter:blur(16px) saturate(1.18);
    backdrop-filter:blur(16px) saturate(1.18);
  }
  .archive-dialog::backdrop{background:rgba(5,16,23,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  .archive-dialog .archive-eyebrow{color:#b9e0f3}
  .archive-dialog .archive-close{color:#f4f9fa;border-color:#b2cbd6;background:rgba(10,27,38,.38)}
  .archive-dialog .archive-footer{border-top-color:rgba(226,244,250,.4)}
  .archive-filters{justify-content:flex-start;gap:8px}
  .archive-filters select{
    flex:0 1 168px;width:168px;min-width:125px;max-width:180px;
    background:rgba(14,32,45,.75);border-color:rgba(215,235,245,.62);
    color:#f4f9fb;
  }
  .archive-dialog #archive-options{
    grid-template-columns:repeat(auto-fill,82px);
    column-gap:9px;
    border-color:#6a89a1;
    box-shadow:inset 0 0 0 1px rgba(217,236,246,.42),0 7px 20px #06131cb0;
  }
  .archive-season.cassette-case,
  .archive-season.cassette-case:has(input:checked){
    height:134px;margin-top:16px;
  }
  .archive-season .cassette-cover{height:114px;padding:5px 2px 3px 12px}
  .archive-season .cassette-cover__logo{height:13px}
  .archive-season .cassette-cover__number{font-size:23px}
  .archive-season .cassette-cover__program{font-size:8px}
  .archive-season .cassette-cover__kicker,
  .archive-season .cassette-cover__edition{font-size:5.5px}
  .archive-season .cassette-case__caption{font-size:7px}
  .archive-preview{
    border:2px solid #8c969c;
    color:#11191d;
    background:
      repeating-linear-gradient(106deg,transparent 0 4px,rgba(48,60,68,.055) 5px,transparent 6px 18px),
      repeating-linear-gradient(174deg,transparent 0 37px,rgba(65,75,82,.045) 38px,transparent 39px 82px),
      linear-gradient(130deg,#f1f2f2,#c1c8cc 43%,#e4e7e8 72%,#b8c0c5);
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.43),inset 0 0 22px rgba(57,69,78,.21);
  }
  .archive-preview::before{
    inset:16% 6%;z-index:0;opacity:.15;background:#226488;
    -webkit-mask:url('../../assets/img/logo-aprovada-metal.webp') center / contain no-repeat;
    mask:url('../../assets/img/logo-aprovada-metal.webp') center / contain no-repeat;
  }
  .archive-preview > *{position:relative;z-index:1}
  .archive-preview__state{border-top-color:#667782}
  .archive-desktop-controls{grid-template-rows:auto minmax(0,1fr)}
  .archive-preview{grid-row:1 / 3}
  .archive-footer{justify-content:flex-end;gap:15px}
  .archive-footer__help{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;margin-left:auto}
  .archive-footer__help .archive-sound{min-height:24px;gap:7px;font-size:11px}
  .archive-footer__help .archive-sound input{width:16px;height:16px}
  .archive-footer__help span{flex:none;font-size:11px;text-align:right;color:#e6eff3}
}

@media (max-width:900px){
  .archive-footer__help{display:contents}
  .archive-footer__help .archive-sound{display:none}
}