:root{
  --bg:#F2F4F7; --surface:#FFFFFF; --raised:#FFFFFF; --ink:#16212E; --muted:#5B6675;
  --line:#D6DCE4; --grid:rgba(0,89,163,.06); --accent:#0059A3; --accent-ink:#FFFFFF;
  --brand-blue:#0059A3; --brand-yellow:#FCEE23; --brand-yellow-ink:#0B2540; --hdr:#FFFFFF;
  --ok:#2D7A4A; --warn:#A8620A; --warn-bg:#FDF3D3; --ok-bg:#E3F1E7; --info-bg:#E5EFF8; --danger:#B2292B;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F151C; --surface:#18212B; --raised:#1F2934; --ink:#E7EBEF; --muted:#9BA5B1;
    --line:#2C3743; --grid:rgba(231,235,239,.05); --accent:#5AA9F0; --accent-ink:#06192B;
    --ok:#6FCB92; --warn:#F0B35A; --warn-bg:#3A2D17; --ok-bg:#183223; --info-bg:#1D2740; --danger:#F07A7A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F151C; --surface:#18212B; --raised:#1F2934; --ink:#E7EBEF; --muted:#9BA5B1;
  --line:#2C3743; --grid:rgba(231,235,239,.05); --accent:#5AA9F0; --accent-ink:#06192B;
  --ok:#6FCB92; --warn:#F0B35A; --warn-bg:#3A2D17; --ok-bg:#183223; --info-bg:#1D2740; --danger:#F07A7A;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none !important}

/* Euroton brand chrome */
.topbar{background:var(--brand-blue);color:#fff;font-size:13px}
.topbar .in{display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;padding:7px clamp(16px,4vw,40px)}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.topbar a:hover{text-decoration:underline}
.topbar .r{display:flex;gap:18px;flex-wrap:wrap}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:12px clamp(16px,4vw,40px);flex-wrap:wrap;background:var(--hdr);border-bottom:3px solid var(--brand-yellow)}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:20px;text-decoration:none;color:var(--brand-blue)}
.brand img{height:54px;width:auto;display:block}
.brand .sec{font-size:13px;font-weight:600;color:#5B6675;border-left:1px solid #D6DCE4;padding-left:12px;line-height:1.3}
.promo{background:var(--brand-yellow);color:var(--brand-yellow-ink);font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px}
@media (max-width:560px){.brand img{height:42px}}
.tag{font-size:13px;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--raised);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.danger{color:var(--danger)}
.btn.small{padding:5px 10px;font-size:13.5px}
.btn.big{width:100%;padding:13px;font-size:16px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.linkbtn{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline;font-size:13.5px}
.linkbtn.danger{color:var(--danger)}

.checks{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.checks:empty{display:none}
.checks li{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:8px;font-size:14px}
.checks li.ok{background:var(--ok-bg)} .checks li.warn{background:var(--warn-bg)} .checks li.info{background:var(--info-bg)}
.ic{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;margin-top:1px}
.ok .ic{background:var(--ok);color:var(--bg)} .warn .ic{background:var(--warn);color:var(--bg)} .info .ic{background:var(--accent);color:var(--accent-ink)}

dialog{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);padding:0;width:min(760px,94vw);max-height:90vh}
dialog::backdrop{background:rgba(10,14,20,.55)}
.dlg{padding:22px;overflow:auto;max-height:90vh}
.dlg h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
.dlg .lead{color:var(--muted);margin:4px 0 16px}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:calc(100vw - 32px)}
.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--info-bg);color:var(--accent);white-space:nowrap}
.status-pill[data-s="novo"]{background:var(--warn-bg);color:var(--warn)}
.status-pill[data-s="potrjeno"],.status-pill[data-s="v-proizvodnji"],.status-pill[data-s="zakljuceno"]{background:var(--ok-bg);color:var(--ok)}
.status-pill[data-s="zavrnjeno"]{background:var(--surface);color:var(--muted);border:1px solid var(--line)}
@media (prefers-reduced-motion:no-preference){.btn,.choice,.sw{transition:border-color .15s,box-shadow .15s,filter .15s}}
@media (max-width:560px){.topbar .in>span:first-child{display:none}.topbar .r{gap:14px}}