/* SOFLASHBACK MINIMAL V1 - usado EXCLUSIVAMENTE por /index-minimal.php.
   Mantém elementos e IDs do Neon intactos: streaming, capa, halo, publicidade e votos. */
:root { --minimal-left: clamp(165px,14.8vw,244px); --minimal-right: clamp(218px,17.2vw,278px); --minimal-footer:108px; }
body.sf-minimal { background:#060915; }
body.sf-minimal .ambient-photo,
body.sf-minimal .ambient-art,
body.sf-minimal .turntable-ambient { display:none !important; }
body.sf-minimal .ambient-gradients { inset:0; z-index:0; background:radial-gradient(ellipse 68% 65% at 54% 27%,#3811386d,transparent 76%),linear-gradient(180deg,#04071670,#03071999 50%,#030616dc) !important; }
.sf-minimal-video { position:fixed; inset:0; overflow:hidden; z-index:0; pointer-events:none; background:radial-gradient(ellipse at 72% 36%,#40122f,#080c22 65%,#070915); }
.sf-minimal-video iframe { position:absolute; inset:50% auto auto 50%; width:max(100vw,177.777vh); height:max(100vh,56.25vw); border:0; transform:translate(-50%,-50%); pointer-events:none; filter:saturate(.90) brightness(.67); }
.sf-minimal-video-shade { position:fixed; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,#020514ad,transparent 23%,transparent 80%,#020514af),linear-gradient(180deg,#03061542,#03061536 55%,#030615be); }
body.sf-minimal .site-shell { display:grid !important; grid-template-columns:var(--minimal-left) minmax(0,1fr) var(--minimal-right); grid-template-rows:minmax(0,1fr) var(--minimal-footer); width:100%; min-height:580px; height:100dvh; overflow:hidden; isolation:isolate; }
body.sf-minimal .site-header { display:none !important; }
.sf-minimal-sidebar { grid-column:1; grid-row:1; position:relative; z-index:16; min-height:0; display:flex; align-items:stretch; flex-direction:column; padding:clamp(18px,3vh,32px) 14px 16px; background:linear-gradient(90deg,rgba(2,8,24,.76),rgba(3,8,23,.33)); border-right:1px solid #83b9ff27; }
.sf-minimal-logo { flex:none; text-align:center; display:flex; flex-direction:column; align-items:center; color:#fff; padding:0 0 clamp(21px,3.6vh,42px); }
.sf-minimal-logo-bars { font-size:clamp(32px,3.6vw,48px); font-weight:900; letter-spacing:-.21em; color:#09ddff; text-shadow:0 0 12px #00cfff88,3px -4px 12px #ff36d598; line-height:1.25; padding-right:.23em; }
.sf-minimal-logo strong { font:italic 900 clamp(23px,2.4vw,35px)/.91 'Barlow Condensed',Arial,sans-serif; letter-spacing:.3px; text-shadow:0 2px 7px #000,0 0 17px #1bbfff3b; }
.sf-minimal-logo strong span { background:linear-gradient(100deg,#0ad8ff 20%,#4a8fff 52%,#f75bcd 78%); color:transparent; -webkit-background-clip:text; background-clip:text; }
.sf-minimal-logo small {font:700 clamp(9px,.75vw,11px)/1.3 Inter,Arial,sans-serif; letter-spacing:1.3px; margin-top:11px; color:#91dffc; white-space:nowrap;}
.sf-minimal-side-links {display:flex;flex-direction:column;gap:clamp(9px,1.45vh,16px);width:100%;}
.sf-minimal-side-btn { display:flex;align-items:center;gap:clamp(9px,1vw,16px);height:clamp(43px,6.4vh,57px);width:100%;padding:0 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#eef4ff;font:800 clamp(14px,1.08vw,17px)/1 'Barlow Condensed',Inter,sans-serif;letter-spacing:.7px;text-align:left;transition:background .15s,border-color .15s,transform .15s; }
.sf-minimal-side-btn:hover,.sf-minimal-side-btn:focus-visible,.sf-minimal-side-btn[aria-expanded="true"] {background:#18213b99;border-color:#52baff6b;transform:translateX(2px);}
.sf-minimal-icon { flex:none;display:grid;place-items:center;min-width:31px;font-size:27px;font-style:normal;color:#3bd7ff;text-shadow:0 0 11px #18c8ff96;}
.sf-minimal-side-btn:nth-child(2n) .sf-minimal-icon {color:#ff5bcb;text-shadow:0 0 11px #ff4dbc80;}
.sf-minimal-install { margin-top:auto;align-self:stretch;border:1px solid #2ddae9a1;border-radius:11px;color:#bffefa;background:#0b2034ac;height:52px;font:800 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.7px;box-shadow:0 0 14px #1cc6f828; }
.sf-minimal-install span {font-size:26px;vertical-align:middle;margin-right:8px;color:#28f0ac;}
.sf-minimal-install:hover {background:#10405bba;}
.sf-minimal-mobile-top {display:none;}
body.sf-minimal .player-stage { grid-column:2;grid-row:1;position:relative !important;inset:auto !important;transform:none !important;min-width:0;min-height:0;height:100%;width:100%;z-index:3;overflow:visible; }
body.sf-minimal .song-center { position:absolute !important; top:clamp(15px,2.3vh,27px) !important; width:100%;padding:0 8px;display:flex;align-items:center;flex-direction:column;transform:none !important;pointer-events:none; }
body.sf-minimal .album-orbit {width:min(56vh,42vw,540px) !important;height:auto !important;aspect-ratio:1;margin:0 auto !important;}
body.sf-minimal .album-frame {inset:0 !important;width:100% !important;height:100% !important;}
body.sf-minimal .album-halo {inset:-2.1% !important;}
body.sf-minimal .label-style {display:none !important;}
body.sf-minimal .song-center #trackHeading {display:flex !important;flex-direction:column !important;align-items:center !important;gap:5px !important;width:100% !important;max-width:100% !important;margin:clamp(15px,2.5vh,26px) 0 0 !important;padding:0 8px !important;transform:none !important;text-align:center !important;line-height:1.04 !important;}
body.sf-minimal #songText {order:1;display:block;max-width:100%;font:800 clamp(24px,2.5vw,39px)/1.08 'Barlow Condensed',Inter,Arial,sans-serif !important;color:#fff !important;letter-spacing:.55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 3px 9px #020414db !important;}
body.sf-minimal #artistText {order:2;display:block;max-width:100%;font:800 clamp(18px,1.8vw,27px)/1.1 'Barlow Condensed',Inter,Arial,sans-serif !important;color:#27d7ff !important;letter-spacing:.65px;margin:0 !important;transform:none !important;text-shadow:0 0 10px #26aeff85,0 3px 8px #040619b8 !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.sf-minimal .track-separator {display:none !important;}
body.sf-minimal .spectrum-wrap {position:absolute;left:2% !important;right:2% !important;width:96% !important;bottom:1% !important;height:clamp(74px,13.7vh,126px) !important;z-index:1;pointer-events:none;}
body.sf-minimal .sf-song-info,
body.sf-minimal .sf-song-mobile-lyrics,
body.sf-minimal .lyrics-mobile-toggle {display:none !important;}
/* Votos continuam os mesmos IDs do Neon, apenas reposicionados visualmente. */
.sf-minimal-vote-side {position:absolute;z-index:9;top:49%;transform:translateY(-50%);display:grid;place-items:center;}
.sf-minimal-vote-left {left:2%;}
.sf-minimal-vote-right {right:2%;}
.sf-minimal-vote-side .neon-vote {pointer-events:auto;min-height:70px;}
.sf-minimal-vote-side .neon-vote svg {width:58px;height:58px;}
/* TOP 10 real na coluna direita, sem moldura lateral. */
.sf-minimal-ranking {grid-column:3;grid-row:1;position:relative;z-index:14;min-height:0;display:flex;flex-direction:column;padding:clamp(18px,3vh,31px) 12px 10px 7px;background:linear-gradient(270deg,#020713c9,#0207134c);border-left:1px solid #64aeff24;}
.sf-minimal-ranking-head {display:flex;align-items:center;justify-content:center;gap:8px;flex:none;margin-bottom:15px;}
.sf-minimal-ranking-head>span {font-size:30px;filter:drop-shadow(0 0 7px #ffb52b55);}
.sf-minimal-ranking-head h2 {font:italic 900 clamp(24px,2.5vw,39px)/.95 'Barlow Condensed',Arial,sans-serif;margin:0;}
.sf-minimal-ranking-head small {font:800 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.3px;color:#becde8;}
.sf-minimal-rank-tabs {display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px;}
.sf-minimal-rank-tabs button {height:34px;border-radius:30px;border:1px solid #6f70b164;background:#0b142dc9;color:#d5eaff;font:800 11px/1 Inter,Arial,sans-serif;white-space:nowrap;}
.sf-minimal-rank-tabs button.is-active {color:#031222;border-color:transparent;background:linear-gradient(110deg,#10d5f1,#f040d6);}
.sf-minimal-rank-items { flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b6e96 transparent; }
.sf-minimal-rank-items>p {font-size:12px;text-align:center;color:#c8d9ed;padding:16px 4px;}
.sf-minimal-rank-row {display:grid;grid-template-columns:24px 33px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:clamp(47px,6.85vh,61px);padding:5px 2px;border-bottom:1px solid #b1c6ff20;}
.sf-minimal-rank-position {font:800 17px/1 'Barlow Condensed',sans-serif;text-align:center;color:#f3f6ff;}
.sf-minimal-rank-row:nth-child(1) .sf-minimal-rank-position {color:#ffcf39;}
.sf-minimal-rank-row:nth-child(2) .sf-minimal-rank-position {color:#c6d4e6;}
.sf-minimal-rank-row:nth-child(3) .sf-minimal-rank-position {color:#ee9958;}
.sf-minimal-rank-cover {display:grid;place-items:center;border-radius:7px;background:#111e3d;overflow:hidden;width:33px;height:33px;color:#4ad6fe;}
.sf-minimal-rank-cover img {width:100%;height:100%;object-fit:cover;}
.sf-minimal-rank-name {min-width:0;display:flex;flex-direction:column;gap:3px;}
.sf-minimal-rank-name b,.sf-minimal-rank-name small {font-size:clamp(10px,.77vw,12px);line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sf-minimal-rank-name small {color:#a9c2d7;}
.sf-minimal-rank-count {font:800 11px/1 Inter,sans-serif;color:#e2f4ff;text-align:right;white-space:nowrap;}
.sf-minimal-rank-foot {font:600 10px Inter,Arial,sans-serif;text-align:center;color:#94a6be;padding-top:11px;flex:none;}
/* Letras abertas como painel flutuante, não deslocam o álbum nem o áudio. */
body.sf-minimal .lyrics-panel {display:none !important;position:fixed !important;z-index:35 !important;top:6dvh !important;right:clamp(12px,4vw,55px) !important;left:auto !important;bottom:calc(var(--minimal-footer) + 16px) !important;width:min(600px,calc(100vw - 24px)) !important;height:auto !important;max-height:82dvh;border:1px solid #478fff9c;background:linear-gradient(135deg,#080c21f2,#0d1030f0) !important;backdrop-filter:blur(25px);box-shadow:0 16px 55px #000a;transform:none !important;}
body.sf-minimal.sf-minimal-lyrics-visible .lyrics-panel {display:flex !important;}
.sf-minimal-lyrics-close {position:absolute;right:12px;top:7px;border:0;background:transparent;color:#fff;font-size:29px;z-index:2;line-height:1;}
/* Player de ponta a ponta, sem bordas laterais nem caixa arredondada. */
body.sf-minimal .player-controls {grid-column:1 / 4;grid-row:2;position:relative !important;z-index:18 !important;inset:auto !important;left:auto !important;right:auto !important;bottom:auto !important;width:100%;height:var(--minimal-footer);padding:0 25px;background:linear-gradient(180deg,#050b1ac9,#071024ed);border:0 !important;border-top:2px solid #35cafeac;border-radius:0 !important;box-shadow:0 -4px 24px #0fdcff15;}
body.sf-minimal .volume-slider-row {position:absolute;left:8%;top:53px;width:21%;height:14px;z-index:2;}
body.sf-minimal #volume {height:5px;}
body.sf-minimal .controls-row {display:flex !important;align-items:center;justify-content:center;gap:clamp(10px,2.1vw,28px);height:100%;min-height:0;margin:0 !important;padding:0;width:100%;}
body.sf-minimal .controls-row .neon-vote-play {display:flex !important;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,25px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
body.sf-minimal .controls-row #playBtn {width:78px !important;height:78px !important;}
body.sf-minimal .controls-row #muteBtn {position:absolute;left:3%;top:50%;transform:translateY(-50%);}
body.sf-minimal .controls-row #neonInstallBtn {display:none !important;}
body.sf-minimal .controls-row #listeners {position:absolute;right:12%;top:50%;transform:translateY(-50%);font-size:14px;}
body.sf-minimal .controls-row .volume-display {position:absolute;right:3%;top:50%;transform:translateY(-50%);font-size:19px;}
body.sf-minimal .controls-row .neon-vote {display:none !important;} /* votos estão nas laterais, fora desta área */
body.sf-minimal .sf-minimal-vote-side .neon-vote {display:flex !important;}
/* Layout responsivo do índice de testes. Não altera o mobile da versão Neon. */
@media (max-width:900px) {
  :root {--minimal-footer:104px;}
  body.sf-minimal .site-shell {display:block !important;min-height:620px;}
  .sf-minimal-sidebar {position:absolute;z-index:18;top:0;left:0;right:0;height:138px;padding:12px 12px 6px;background:linear-gradient(180deg,#040a1cf0,#071124ab);border:0;border-bottom:1px solid #5aa6db55;}
  .sf-minimal-logo {padding:0 0 12px;}
  .sf-minimal-logo-bars {display:none;}
  .sf-minimal-logo strong {font-size:25px;line-height:.83;}
  .sf-minimal-logo small {font-size:8px;margin-top:6px;}
  .sf-minimal-side-links {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none;}
  .sf-minimal-side-btn {flex:0 0 auto;width:auto;height:35px;padding:0 8px;font-size:11px;gap:5px;background:#101b37b3;border-color:#4a779e45;border-radius:7px;}
  .sf-minimal-icon {font-size:16px;min-width:auto;}
  .sf-minimal-mobile-top {display:flex;}
  .sf-minimal-install {display:none;}
  .sf-minimal-ranking {display:none;}
  body.sf-minimal .player-stage {position:absolute !important;top:138px !important;bottom:var(--minimal-footer) !important;left:0 !important;right:0 !important;height:auto !important;width:100%;}
  body.sf-minimal .song-center {top:clamp(8px,2vh,24px) !important;}
  body.sf-minimal .album-orbit {width:min(69vw,39dvh,350px) !important;}
  body.sf-minimal .song-center #trackHeading {margin:15px 0 0 !important;}
  body.sf-minimal #songText {font-size:clamp(19px,5.3vw,29px) !important;}
  body.sf-minimal #artistText {font-size:clamp(16px,4.5vw,23px) !important;}
  .sf-minimal-vote-side {top:48%;}
  .sf-minimal-vote-left{left:3%;}.sf-minimal-vote-right{right:3%;}
  .sf-minimal-vote-side .neon-vote svg {width:45px;height:45px;}
  body.sf-minimal .spectrum-wrap {height:80px !important;bottom:1% !important;}
  body.sf-minimal .player-controls {position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;height:var(--minimal-footer);padding:0 10px;}
  body.sf-minimal .volume-slider-row {left:9%;width:23%;top:64px;}
  body.sf-minimal .controls-row #playBtn {width:65px !important;height:65px !important;}
  body.sf-minimal .controls-row .neon-vote-play {gap:12px;}
  body.sf-minimal .controls-row .neon-vote-play .neon-fx-trigger {width:39px;height:39px;}
  body.sf-minimal .controls-row #listeners {right:9%;top:25%;font-size:11px;}
  body.sf-minimal .controls-row .volume-display {right:3%;top:75%;font-size:13px;}
  body.sf-minimal .controls-row #muteBtn {left:3%;top:30%;}
  body.sf-minimal .lyrics-panel {right:12px !important;left:12px !important;top:16vh !important;bottom:calc(var(--minimal-footer) + 11px) !important;width:auto !important;max-height:none !important;}
}
@media(max-width:450px) {
  .sf-minimal-side-btn {font-size:10px;padding:0 6px;}
  .sf-minimal-icon {font-size:14px;}
  body.sf-minimal .album-orbit {width:min(71vw,38dvh,305px) !important;}
  .sf-minimal-vote-side .neon-vote svg {width:37px;height:37px;padding:7px;}
}
