/* 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 + custom uvek-vidljiv horizontalni klizač (debugging-v15) ─────────
   Reusable „princip" iz Hot Line Report VIN/User Summary: tabela u `grow` resize modu
   (data-resize-mode="grow" — širenje kolone NE skuplja susednu, tabela raste) + ovaj wrapper
   daje horizontalni overflow, a always_scrollbar.js crta uvek-vidljiv custom klizač
   (macOS overlay scrollbar se auto-sakriva). Klasu `.scroll-x-island` koristi i Customer Care
   lista; `.hr-scroll-x` (Hot Line Report) ima identično ponašanje kroz svoj lokalni style. */
.scroll-x-island { overflow-x: auto; scrollbar-width: none; }
.scroll-x-island::-webkit-scrollbar { display: none; }  /* sakrij native — custom bar ga zamenjuje */
/* dh-frame (Moja podešavanja): okvir sa max-height + vertikalni skrol. Prikaži VERTIKALNI
   native klizač (horizontalni ostaje custom always_scrollbar). Webkit: height:0 skriva
   horizontalni, width prikazuje vertikalni. (per Oleg 2026-07-13) */
.scroll-x-island.dh-frame { scrollbar-width: auto; }
.scroll-x-island.dh-frame::-webkit-scrollbar { display: block; width: 10px; height: 0; }
.scroll-x-island.dh-frame::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); border-radius: 5px; }
.scroll-x-island.dh-frame::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); }
.hscroll-ext { display: none; height: 8px; margin-top: 4px; background: rgba(0, 0, 0, 0.05); border-radius: 4px; position: relative; }
.hscroll-ext-thumb { position: absolute; top: 0; left: 0; height: 8px; background: rgba(0, 0, 0, 0.22); border-radius: 4px; cursor: grab; }
.hscroll-ext-thumb:hover { background: rgba(0, 0, 0, 0.32); }
.hscroll-ext-thumb:active { cursor: grabbing; background: rgba(0, 0, 0, 0.4); }