/* Osnova: boje i ostali tokeni, tipografija, ikone, dugmad. */
:root{
  --side:#0d1830; --side-2:#16244a; --side-ink:#c9d3e8; --side-ink-2:#8d9bbb;
  --brand:#14264d; --accent:#2f5be0; --accent-2:#244bc4; --accent-soft:#edf2ff; --ring:#2f5be040;
  --red:#d92d20; --red-soft:#fef3f2; --red-line:#fecdca;
  --ok:#067647; --ok-soft:#ecfdf3; --ok-line:#abefc6;
  --warn:#b54708; --warn-soft:#fffaeb; --warn-line:#fedf89;
  --amber:#f2b53a; --gold:#f5a524;
  --bg:#f4f6f9; --panel:#ffffff; --sub:#f9fafb; --line:#e4e7ec; --line-2:#d0d5dd;
  --ink:#101828; --ink-2:#475467; --ink-3:#667085;
  --s0:#fde2df; --s1:#dce6fb; --s2:#a9c1f4; --s3:#6c95ea; --s4:#3563d4; --s5:#1b3c95;
  --bg-map:#e9ecf1; --map-bg:#fbfcfe;
  --r:12px; --r-sm:8px;
  --sh-1:0 1px 2px #1018280d;
  --sh-2:0 1px 3px #1018281a,0 1px 2px #1018280f;
  --sh-3:0 12px 32px -8px #10182833,0 4px 8px -4px #1018281a;
  --font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --side-w:208px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);font-feature-settings:"cv11","ss01","ss03";color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-2)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{color:var(--ink);margin:0;line-height:1.2;letter-spacing:-.015em}
h1{font-size:26px;font-weight:700;letter-spacing:-.025em}
h2{font-size:15.5px;font-weight:650}
h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.muted{color:var(--ink-2)}
.small{font-size:12.5px}
[hidden]{display:none!important}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.sm{width:15px;height:15px}
.num{font-variant-numeric:tabular-nums}

/* ---------- dugmad ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;height:36px;background:var(--brand);color:#fff;border:1px solid transparent;border-radius:var(--r-sm);padding:0 14px;font-weight:600;font-size:13.5px;white-space:nowrap;box-shadow:var(--sh-1);transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
.btn:hover{background:#1c3366;color:#fff}
.btn.go{background:var(--accent);box-shadow:0 1px 2px #1018280d,inset 0 1px 0 #ffffff26}
.btn.go:hover{background:var(--accent-2)}
.btn.line{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn.line:hover{background:var(--sub);color:var(--ink)}
.btn.line .ic{color:var(--ink-3)}
.btn.danger{background:#fff;color:var(--red);border-color:var(--red-line)}
.btn.icon{width:36px;padding:0;justify-content:center}
.btn:disabled{opacity:.55;cursor:default}
select.btn{padding-right:30px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:15px}