/* Žalba · biračko mesto. Isti tokeni kao pisi (public/css/stil.css): mornarsko plavo, jedan topli akcenat. */
@font-face{font-family:"DM Sans";src:url(../fonts/DMSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/DMSans-Bold.woff2) format("woff2");font-weight:500 800;font-display:swap}
:root{
  --bg:#F7F6F2; --povrs:#FFFFFF; --hl:#EEF1F7;
  --ink:#121A2E; --ink2:#454F66; --ink3:#626B80;
  --naslov:#0F2147; --linija:#E3E0D7; --linija2:#CBC7BC;
  --dugme:#0F2147; --na-dugme:#FFFFFF; --dugme-h:#1B3366;
  --ak:#D9432A; --ak-tekst:#B5341D; --ak-blag:#FCEAE3;
  --papir:#FFFDF8; --ok:#1F6B4A; --fokus:#2F5FD0;
  --font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0B1222; --povrs:#131C30; --hl:#1B2742;
  --ink:#EEF1F7; --ink2:#BAC3D4; --ink3:#949FB4;
  --naslov:#F4F6FB; --linija:#222D46; --linija2:#34415F;
  --dugme:#EEF2FA; --na-dugme:#0F2147; --dugme-h:#FFFFFF;
  --ak:#FF6A4D; --ak-tekst:#FF8E76; --ak-blag:rgba(255,106,77,.14);
  --papir:#141D31; --ok:#7CC3A0; --fokus:#8FB0FF;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0B1222; --povrs:#131C30; --hl:#1B2742;
  --ink:#EEF1F7; --ink2:#BAC3D4; --ink3:#949FB4;
  --naslov:#F4F6FB; --linija:#222D46; --linija2:#34415F;
  --dugme:#EEF2FA; --na-dugme:#0F2147; --dugme-h:#FFFFFF;
  --ak:#FF6A4D; --ak-tekst:#FF8E76; --ak-blag:rgba(255,106,77,.14);
  --papir:#141D31; --ok:#7CC3A0; --fokus:#8FB0FF;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;
  padding:0 max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));overflow-x:hidden}
main,footer{max-width:640px;margin:0 auto}
h1,h2,h3{color:var(--naslov);margin:0;text-wrap:balance}
h1{font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.01em;margin:6px 0 12px}
h2{font-size:21px;line-height:1.25;font-weight:800;margin:0 0 10px}
h3{font-size:17px;margin:14px 0 6px}
p{margin:0 0 12px}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:6px}
.vrh{padding:22px 0 4px}
.oznaka{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-tekst)}
.uvod{font-size:18px;color:var(--ink2)}
.mala{font-size:14px;color:var(--ink3)}
.blok{background:var(--povrs);border:1px solid var(--linija);border-radius:16px;padding:18px;margin:16px 0}
.blok>:last-child{margin-bottom:0}
.rok{background:var(--ak-blag);border-color:transparent}
.rok h2{color:var(--ak-tekst)}
.rok ul,.blok ul,.blok ol{margin:0 0 10px;padding-left:20px}
.rok li,.blok li{margin:5px 0}
.korak{display:flex;align-items:baseline;gap:10px}
.korak b{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dugme);color:var(--na-dugme);font-size:15px}
/* izbor slučaja */
.slucajevi{display:grid;gap:10px;margin:0;padding:0;border:0}
.slucaj{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--linija2);border-radius:14px;cursor:pointer;background:var(--povrs)}
.slucaj:hover{border-color:var(--ink3)}
.slucaj input{margin:4px 0 0;width:20px;height:20px;accent-color:var(--dugme);flex:none}
.slucaj strong{display:block;color:var(--naslov);line-height:1.3}
.slucaj span{display:block;font-size:15px;color:var(--ink2);margin-top:3px}
.slucaj:has(input:checked){border-color:var(--dugme);background:var(--hl)}
.objasnjenje{border-left:4px solid var(--dugme);padding:2px 0 2px 14px;margin:14px 0 0}
/* polja */
.polje{margin:0 0 14px;position:relative}
.polje label,.polje .lab{display:block;font-weight:700;font-size:15px;margin-bottom:5px;color:var(--naslov)}
.polje .pom{display:block;font-size:13.5px;color:var(--ink3);margin-top:4px}
.polje input[type=text],.polje input[type=email],.polje input[type=date],.polje select,textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--linija2);
  border-radius:12px;background:var(--povrs);font-size:17px}
.polje input:focus,.polje select:focus,textarea:focus{border-color:var(--fokus);outline:none}
.dva{display:grid;gap:0 12px;grid-template-columns:1fr}
@media (min-width:560px){.dva{grid-template-columns:1fr 1fr}}
.predlozi{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--linija2);border-radius:12px;background:var(--povrs);
  position:absolute;left:0;right:0;z-index:5;max-height:260px;overflow:auto;box-shadow:0 10px 30px rgba(15,33,71,.15)}
.predlozi li{padding:10px 12px;border-radius:8px;cursor:pointer}
.predlozi li small{color:var(--ink3);margin-left:6px}
.predlozi li:hover,.predlozi li[aria-selected=true]{background:var(--hl)}
.kvacica{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:10px 0}
.kvacica input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--dugme)}
/* pismo */
.primaoci{font-size:15px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0 0 12px}
.primaoci dt{font-weight:800;color:var(--ink3)}
.primaoci dd{margin:0;overflow-wrap:anywhere}
.primaoci dd.prazno{color:var(--ak-tekst)}
textarea#tekst{min-height:340px;font:15px/1.5 var(--mono);background:var(--papir);resize:vertical}
input#naslov{font-weight:700}
.dugmad{display:grid;gap:10px;margin:14px 0 6px}
@media (min-width:560px){.dugmad{grid-template-columns:1fr 1fr}}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;border-radius:14px;border:1.5px solid transparent;
  font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;background:var(--dugme);color:var(--na-dugme)}
.dugme:hover{background:var(--dugme-h)}
.dugme.tiho{background:var(--povrs);color:var(--ink);border-color:var(--linija2)}
.dugme.tiho:hover{border-color:var(--ink3)}
.dugme.siroko{grid-column:1/-1}
.potvrda{color:var(--ok);font-weight:700;font-size:15px;min-height:1.5em}
.prilozi li{margin:6px 0}
.upozorenje{background:var(--hl);border-radius:12px;padding:12px 14px;font-size:15px;margin:10px 0}
details{margin:8px 0}
summary{cursor:pointer;font-weight:700;color:var(--naslov)}
.izvori{font-size:14px;color:var(--ink2)}
.izvori li{margin:6px 0}
footer{font-size:14px;color:var(--ink3);padding:20px 0}
footer a{color:var(--ink2)}
/* za šta jeste / nije: diskretno, dva stupca */
.namena{display:grid;gap:8px;margin:4px 0 14px}
@media (min-width:560px){.namena{grid-template-columns:1fr 1fr}}
.namena>div{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;color:var(--ink2);background:var(--povrs);border:1px solid var(--linija)}
.namena strong{color:var(--naslov);font-weight:700}
.namena .ne strong{color:var(--ak-tekst)}