/* ── Scrollbar styling ───────────────────────────────────────── */

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: var(--border-l, #94a3b8) transparent; }

/* WebKit — global defaults */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--border-l, #94a3b8);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: var(--muted, #64748b); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }

/* Vertical panel scroll (direct-select category panels) */
.direct-panel {
  scrollbar-width: thin;
  scrollbar-color: var(--border-l, #94a3b8) transparent;
}
.direct-panel::-webkit-scrollbar { width: 7px; }
.direct-panel::-webkit-scrollbar-track { background: transparent; }
.direct-panel::-webkit-scrollbar-thumb {
  background: var(--border-l, #94a3b8);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.direct-panel::-webkit-scrollbar-thumb:hover { background: var(--muted, #64748b); background-clip: padding-box; }

/* Horizontal brand rows */
.landing-preset-row {
  scrollbar-width: thin;
  scrollbar-color: var(--border-l, #94a3b8) transparent;
}
.landing-preset-row::-webkit-scrollbar { height: 5px; }
.landing-preset-row::-webkit-scrollbar-track { background: transparent; }
.landing-preset-row::-webkit-scrollbar-thumb {
  background: var(--border-l, #94a3b8);
  border-radius: 999px;
}
.landing-preset-row::-webkit-scrollbar-thumb:hover { background: var(--muted, #64748b); }