/* GLAVNA tema za sve statičke stranice (landing, login, narudžba, postavke, tim, admin) —
   MotherDuck DNA kao aplikacija (index.html): topao papir #f4efea, tinta #383838,
   žuta #ffde00, plava #6fc2ff, IBM Plex Mono, ravne 1.5px ivice, bez radijusa.
   Ovdje žive tokeni + globalne nadjačice; specifično ostaje u stranici.
   Aliasi drže stara imena varijabli po stranicama. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap");
:root {
  --bg:#f4efea; --paper:#fff; --ink:#383838; --mut:#7d746b; --bd:#383838;
  --acc:#383838; --acc-soft:#efe8e0; --seal:#b23a24; --sun:#ffde00; --duck:#6fc2ff;
  --disp:"IBM Plex Mono", ui-monospace, monospace;
  /* aliasi — starija imena koja stranice već koriste */
  --stone:var(--mut); --hair:var(--bd); --moss:var(--acc); --line:var(--bd);
  --yellow:var(--sun); --blue:var(--duck); --soft:var(--acc-soft); --card:var(--paper);
}
* { box-sizing:border-box; margin:0; }
body { font:15px/1.6 "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
       color:var(--ink); background:var(--bg); padding:34px 20px 70px; }
h1 { font-family:var(--disp); font-size:24px; font-weight:600; letter-spacing:.01em; margin:18px 0 6px; }
.sub { color:var(--stone); margin-bottom:26px; }
.mark { display:flex; align-items:center; gap:10px; font:600 12px var(--disp); letter-spacing:.3em;
        text-transform:uppercase; color:var(--stone); }
.mark img { width:26px; height:26px; }
a { color:var(--ink); }

/* checkbox — MotherDuck DNA: kvadrat, puna 1.5px ivica, bez zaobljenja, aktivno plavo, monohromna kvačica */
input[type="checkbox"] { appearance:none; -webkit-appearance:none; box-sizing:border-box;
  width:16px; height:16px; margin:0; flex:none; cursor:pointer; vertical-align:middle;
  background:var(--paper); border:1.5px solid var(--bd); display:inline-grid; place-content:center; }
input[type="checkbox"]::before { content:""; width:10px; height:10px; transform:scale(0); background:var(--ink);
  clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
input[type="checkbox"]:checked { background:var(--duck); }
input[type="checkbox"]:checked::before { transform:scale(1); }
input[type="checkbox"]:focus-visible { outline:none; box-shadow:0 0 0 2px var(--sun); }
input[type="checkbox"]:disabled { opacity:.5; cursor:default; }

/* ===== MotherDuck DNA nadjačice — gaze stilove po stranicama (zato !important):
   ravno, kvadratno, tinta-ivice; gumbi plavi s tamnim tekstom, hover žuti ===== */
.card, .btn, button, input, select, textarea, .dbside, .dbmain, .mark img,
.dropzone, .pane, .price { border-radius:0 !important; }
.card, .dbside, .dbmain { border:1.5px solid var(--ink) !important; }
.btn, .dbbar .run { background:var(--duck) !important; color:#111 !important;
  border:1.5px solid var(--ink) !important; font-weight:500 !important; filter:none !important; }
.btn:hover, .dbbar .run:hover { background:var(--sun) !important; filter:none !important; }
.btn.sec { background:#fff !important; color:var(--ink) !important; box-shadow:none !important; }
button.on { background:var(--duck) !important; color:#111 !important; }
input, select, textarea { border:1px solid var(--ink) !important; }
input:focus, select:focus, textarea:focus { outline:2px solid var(--ink) !important; border-color:var(--ink) !important; }
/* ── Padajući meni (select) — JEDAN izgled na svim stranicama ──────────────────────────
   Nativni select nosi OS izgled (na macOS-u zaobljen okvir i dvostruka strelica), što gazi
   „ravno, kvadratno, 1.5px tinta" iz PRODUCT.md. appearance:none ga skida, strelica je naš
   inline SVG (monohroman, poštuje temu — nikad emoji/glif). Isti recept koji app već koristi
   za .bulkbar select u index.html; ovdje je podignut na sve statičke stranice.
   Globalno se zadaje SAMO izgled (ravno, kvadratno, naša strelica, hover žuti) — font i visina
   se NASLJEĐUJU iz konteksta, pa select u formi prati visinu inputa pored sebe, a select u traci
   visinu dugmeta (PRODUCT.md, princip 5). Fiksna visina ovdje bi razbila jedno ili drugo. */
select { appearance:none; -webkit-appearance:none; box-sizing:border-box;
  border:1.5px solid var(--ink) !important; border-radius:0 !important; background-color:var(--paper);
  color:var(--ink); font:inherit; padding:10px 30px 10px 10px; cursor:pointer;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" fill="none" stroke="%23383838" stroke-width="1.4"><path d="M1 1l4 4 4-4"/></svg>');
  background-repeat:no-repeat; background-position:right 9px center; }
select:hover:not(:disabled) { background-color:var(--sun); }
select:focus { outline:2px solid var(--ink) !important; outline-offset:-2px; }
select:disabled { opacity:.5; cursor:default; background-color:var(--acc-soft); }
/* select unutar reda kontrola ne smije nositi ad-hoc marginu (PRODUCT.md, princip 5) */
.lgbar select, .bar select, .actions select { margin:0; }
input.bad, input.bad:focus { border-color:var(--seal) !important; outline:2px solid var(--seal) !important; }

/* ── PDV u brendu: povremeno se raširi u „Podiže Dodatu Vrijednost" (vidi shared.js) ── */
.lgpdv .ini { font-weight:inherit; transition:background .3s; }
.lgpdv .ex { display:inline-block; max-width:0; opacity:0; overflow:hidden; white-space:pre;
  vertical-align:bottom; transition:max-width .55s cubic-bezier(.22,1,.36,1), opacity .35s; }
.lgpdv.on .ex { max-width:16ch; opacity:1; } /* 16ch: i uz .28em letter-spacing "RIJEDNOST" stane cijela */
.lgpdv.on .ini { background:#ffde00; padding:0 2px; }
@media (prefers-reduced-motion: reduce) { .lgpdv .ex { transition:none; } }