/* DealerHUB — dodatni stilovi (van Tailwind CDN) */

/* Lokalni Inter font (radi offline — npr. na tabletu kroz USB adb reverse koji
   nema internet pristup za fonts.googleapis.com CDN). Variable font, 1 fajl
   pokriva sve weights 100-900. */
@font-face {
    font-family: 'Inter';
    src: url('/static/fonts/Inter-Variable.woff2') format('woff2-variations'),
         url('/static/fonts/Inter-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html { scroll-behavior: smooth; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Lepa selekcija teksta */
::selection {
    background-color: #111827;
    color: #ffffff;
}

/* Scrollbar — vidljiv na svetloj (sand/cream) temi aplikacije.
   RANIJE: rgba(255,255,255,0.1) — beo thumb za tamnu podlogu → na svetloj temi
   praktično NEVIDLJIV (zato klizači nisu bili vidljivi nigde u app-u). */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.45); }

/* ───────── Scroll-island — NATIVE uvek-vidljiv horizontalni klizač (2026-07-14) ─────────
   Tabela u `grow` resize modu (data-resize-mode="grow" — širenje kolone NE skuplja susednu,
   tabela raste) + ovaj wrapper daje horizontalni overflow. Native klizač je STILIZOVAN
   (::-webkit-scrollbar + scrollbar-color) → Chrome/Safari na macOS renderuju KLASIČAN
   (ne-overlay) klizač koji je vidljiv kad god ima overflow i NE auto-sakriva se (za korisnike
   sa mišem, ne samo touchpad). Custom always_scrollbar.js je UKLONJEN.
   Klasu `.scroll-x-island` koristi i Customer Care lista; `.hr-scroll-x` (Hot Line Report)
   ima identično ponašanje kroz svoj lokalni style. Thumb boja = tema var (fallback za ne-CC). */
/* KONSTANTNO VIDLJIV horizontalni klizač: `overflow-x: scroll` forsira da se traka UVEK
   renderuje (rezerviše prostor) — nezavisno od macOS/Chrome overlay auto-hide ponašanja.
   KRITIČNO: NE postavljati scrollbar-width/scrollbar-color — ta „standardna" svojstva bi
   isključila ::-webkit-scrollbar i vratila auto-hide overlay. Samo ::-webkit-scrollbar →
   klasičan (ne-overlay) klizač: prazan/pun kad tabela staje, funkcionalan kad prelije. */
.scroll-x-island { overflow-x: scroll; }
.scroll-x-island::-webkit-scrollbar { height: 12px; width: 10px; -webkit-appearance: none; }
.scroll-x-island::-webkit-scrollbar-track { background: transparent; }
.scroll-x-island::-webkit-scrollbar-thumb { background: var(--line-strong, rgba(0,0,0,0.30)); border-radius: 6px; border: 3px solid transparent; background-clip: padding-box; }
.scroll-x-island::-webkit-scrollbar-thumb:hover { background: var(--fg-muted, rgba(0,0,0,0.45)); background-clip: padding-box; }
/* dh-frame (Moja podešavanja): okvir sa max-height + vertikalni skrol → oba native klizača. */