/* ============================================================================
   02-scrollbar.css · barele de derulare

   ⚠⚠ SINGURUL FIȘIER DIN LOT CARE IESE ÎN AFARA SECȚIUNILOR MELE.
     Atinge `.mds-sn__nav` — bara din sidebar-ul temei (`mds-asset.css:36`,
     `overflow-y:auto`) — și corpul ferestrelor. E separat tocmai ca să se vadă
     asta dintr-o privire și ca să poată fi scos singur.

   ⚠ Tema nu stilizează nicio bară vizibilă. Singurele reguli de `scrollbar` din
     ea (`mds-design.css:653`, `mds-metrics.css:157`, `date-financiare.css:66`…)
     doar le ASCUND, pe piste orizontale. Deci nu se suprascrie nimic — se umple
     un gol.

   ⚠⚠ `scrollbar-width` ȘI `::-webkit-scrollbar` NU SE POT FOLOSI ÎMPREUNĂ.
     Din Chrome 121, dacă `scrollbar-width` e setat, browserul folosește
     proprietățile standard și IGNORĂ complet regulile `::-webkit-scrollbar`.
     Puse amândouă pe același element, una dintre ele e moartă — și nu se vede
     care. De aceea rezerva stă sub `@supports not`, deci cele două nu se
     întâlnesc niciodată.

   ⚠ Culorile sunt cele ale temei: `--mds-line-2` pentru degetar, transparent
     pentru pistă. Nicio valoare inventată.
   ============================================================================ */

/* ── standardul: Chrome 121+, Firefox 64+, Safari 18.2+ ── */
.mds-sn__nav,
.mdsx .vmod.xvm .xvm__b,
.mdsx .xvm__tabs,
.mdsx .xvp__tr{
  scrollbar-width: thin;
  scrollbar-color: var(--mds-line-3) transparent;
}

/* ── rezerva, doar unde standardul lipsește (Safari sub 18.2) ── */
@supports not (scrollbar-width: thin){
  .mds-sn__nav::-webkit-scrollbar,
  .mdsx .vmod.xvm .xvm__b::-webkit-scrollbar{
    width: 10px;
    height: 10px;
  }
  .mds-sn__nav::-webkit-scrollbar-track,
  .mdsx .vmod.xvm .xvm__b::-webkit-scrollbar-track{
    background: transparent;
  }
  /* ⚠ `border` transparent + `background-clip:padding-box` fac degetarul mai
     subțire decât jgheabul, fără să-l lipească de margine. E singura cale de a
     obține o distanță interioară la un degetar de bară. */
  .mds-sn__nav::-webkit-scrollbar-thumb,
  .mdsx .vmod.xvm .xvm__b::-webkit-scrollbar-thumb{
    background: var(--mds-line-3);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
  }
  .mds-sn__nav::-webkit-scrollbar-thumb:hover,
  .mdsx .vmod.xvm .xvm__b::-webkit-scrollbar-thumb:hover{
    background: var(--mds-tx-3);
    background-clip: padding-box;
  }
}