/* ════════════════════════════════════════════════════════════
   Izzat Brand OS · SCROLLBAR PREMIUM · v1
   ════════════════════════════════════════════════════════════
   Scrollbar refinada (webkit) + Firefox fallback.
   Respeita dark mode.
   ════════════════════════════════════════════════════════════ */

/* ───── WebKit (Chrome, Safari, Edge) ───── */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border-hover, rgba(0,0,0,0.18));
  border-radius: var(--radius-pill, 999px);
  border: 3px solid var(--bg-primary, #fff);
  transition: background .2s var(--ease);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary, rgba(0,0,0,0.36));
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* ───── Firefox ───── */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--border-hover, rgba(0,0,0,0.18)) transparent;
}

/* ───── Dark mode adapt ───── */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.16);
  border-color: var(--bg-primary, #0a0a0c);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.28);
}
[data-theme="dark"] * {
  scrollbar-color: rgba(255,255,255,0.16) transparent;
}