/* Strata Edukacija. Fontovi (SIL Open Font License) su na vlastitom poslužitelju. */
@font-face{font-family:'Fraunces';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-ext-opsz-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-opsz-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/instrument-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --tlo:#0E1726; --ploha:#132741; --ploha-2:#1B3558;
  --crta:rgba(243,245,248,.14); --crta-2:rgba(243,245,248,.28); --crta-3:rgba(243,245,248,.4);
  --tekst:#F3F5F8; --tekst-2:#CDD5E0; --tekst-3:#A9B3C1; --tamno:#16202E;
  --naglasak:#1D5BC6; --naglasak-2:#174CA6; --plava:#84A5CE; --veza:#B3C8E1;
  --dobro:#5CC8C0; --paznja:#EDB05E; --isticanje:#F6D9AC;
  --s0:#D9E4F1; --s1:#B3C8E1; --s2:#84A5CE; --s3:#3A6699; --s4:#1B3558;
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --rub:clamp(20px,6.25vw,80px);
}

/* ---------- osnove ---------- */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:var(--sans);font-size:17px;line-height:1.55}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
fieldset{border:0;min-width:0}
legend{padding:0}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--veza)}
a:hover{color:var(--tekst)}
:focus-visible{outline:2px solid var(--plava);outline-offset:2px}
strong{font-weight:600}
code{font-family:var(--mono)}
.ikona{flex-shrink:0}
.znak-strata rect{fill:var(--tekst)}
[hidden]{display:none!important}

/* ---------- tekst ---------- */
.naslov-0{font-family:var(--serif);font-size:clamp(36px,4.4vw,56px);font-weight:400;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.naslov-1{font-family:var(--serif);font-size:clamp(32px,3.6vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.018em;text-wrap:balance}
.naslov-2{font-family:var(--serif);font-size:clamp(28px,3.2vw,40px);font-weight:400;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.naslov-3{font-size:20px;font-weight:600;line-height:1.3}
.naslov-4{font-size:17px;font-weight:600;line-height:1.4}
legend.naslov-2{margin-bottom:24px}
legend.naslov-3{margin-bottom:6px}
legend.naslov-4{margin-bottom:12px}
.uvodni{max-width:62ch;font-size:19px;line-height:1.6;color:var(--tekst-2)}
.uvodni.manji{font-size:18px}
.uvodni strong{color:var(--tekst)}
.pomocni{font-size:15px;line-height:1.5;color:var(--tekst-2)}
.sitno{font-size:14px;line-height:1.5;color:var(--tekst-3)}
.tekst-prigusen,.prigusen-tekst{color:var(--tekst-2)}
.mono{font-family:var(--mono);font-size:14px}
.dobro{color:var(--dobro)}
.paznja{color:var(--paznja)}
.oznaka{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-3)}
.oznaka.svjetlija{color:var(--tekst-2)}
.oznaka.mala{font-size:11px;line-height:1.6}
.oznaka.paznja{color:var(--paznja)}
.oznaka.dobro{color:var(--dobro)}
.oznaka-crta{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-3)}
.oznaka-crta::before{content:"";flex-shrink:0;width:40px;height:1px;background:currentColor}
.oznaka-traka{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-3)}
.oznaka-traka::before{content:"";flex-shrink:0;width:24px;height:3px;background:var(--plava)}
.oznaka-traka h2,.oznaka-traka h3{font:inherit;letter-spacing:inherit}

/* ---------- gumbi i poveznice ---------- */
.gumb{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:8px 28px;background:var(--naglasak);border:0;border-radius:2px;color:#fff;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.gumb:hover{background:var(--naglasak-2);color:#fff}
.gumb-sirok{width:100%}
.gumb.ceka,.gumb.ceka:hover{background:var(--naglasak);opacity:.45;cursor:default}
.gumb.ceka .ikona{display:none}
.stanka-broj{min-width:2ch;font-family:var(--mono);font-size:15px;text-align:center}
.gumb.manji{min-height:48px;padding:8px 22px;font-size:15px}
.gumb-obrub{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 18px;background:transparent;border:1px solid var(--crta-3);border-radius:2px;color:var(--tekst);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.gumb-obrub:hover{border-color:var(--tekst);color:var(--tekst)}
.gumb-opasno{border-color:rgba(237,176,94,.7);color:var(--paznja)}
.gumb-opasno:hover{border-color:var(--paznja);color:var(--paznja)}
button:disabled{opacity:.5;cursor:not-allowed}
.veza-gumb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;color:var(--veza);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.veza-gumb:hover{color:var(--tekst)}
.radnje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.radnje.tijesno{gap:8px}

/* ---------- obrasci ---------- */
.obrazac{display:flex;flex-direction:column;gap:20px}
.polje{display:flex;flex-direction:column;gap:8px}
.polje>label,.polje-natpis{font-size:15px;font-weight:600}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=file],select,textarea{width:100%;min-height:48px;padding:10px 14px;background:var(--ploha);border:1px solid var(--crta-3);border-radius:2px;color:var(--tekst);font-size:16px;line-height:1.4}
textarea{min-height:96px;line-height:1.5;resize:vertical}
textarea.visoko{min-height:180px}
textarea.mono,input.mono{font-family:var(--mono);font-size:14px}
.ploca input[type=text],.ploca input[type=email],.ploca input[type=password],.ploca input[type=number],.ploca input[type=date],.ploca input[type=file],.ploca select,.ploca textarea{background:var(--tlo)}
input::placeholder,textarea::placeholder{color:rgba(243,245,248,.42)}
.polje-kod{min-height:64px!important;padding:0 20px!important;font-family:var(--mono);font-size:28px!important;letter-spacing:.4em}
.polje-kod.uzi{font-size:22px!important;letter-spacing:.12em}
.polje-uski{max-width:220px}
.polja-red{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px 20px}
.kvacica{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;cursor:pointer}
.kvacica input{flex-shrink:0;width:20px;height:20px;margin:1px 0 0;accent-color:var(--plava)}
.polje-skup{display:block}
.poruka{padding:14px 18px;background:var(--ploha);border:1px solid var(--crta-2);border-radius:2px;font-size:15px;line-height:1.5}
.poruka-greska{border-color:var(--paznja)}
.poruka-uspjeh{border-color:var(--dobro)}

/* ---------- raspored: polaznik ---------- */
.stranica{min-height:100vh;display:flex;flex-direction:column}
.zaglavlje{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--rub);border-bottom:1px solid var(--crta)}
.klijent-logo{display:inline-flex;align-items:center;height:44px;padding:6px 12px;background:#F3F5F8;border-radius:2px}
.klijent-logo img{display:block;max-width:180px;max-height:32px}
.klijent-naziv{font-size:18px;font-weight:600}
.strata{display:inline-flex;align-items:center;gap:10px}
.strata-ime{font-size:20px;font-weight:700;letter-spacing:-.01em}
.strata.mala .strata-ime{font-size:16px;color:var(--tekst)}
.strata.veca .strata-ime{font-size:22px}
.provodi{display:flex;align-items:center;gap:14px}
.napredak{display:flex;align-items:center;gap:18px;min-width:0}
.segmenti{display:flex;gap:4px;min-width:0}
.seg{flex:0 1 auto;width:26px;min-width:6px;height:4px;background:rgba(243,245,248,.22)}
.segmenti.gusti{flex:0 1 320px;gap:1px}
.segmenti.gusti .seg{flex:1 1 0;width:auto;min-width:1px}
.seg.gotov{background:var(--plava)}
.seg.trenutni{background:var(--tekst)}
.dvostupac{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(32px,5vw,64px);padding:clamp(32px,4.4vw,56px) var(--rub)}
.dvostupac.bez-ruba{padding:0}
.dvostupac.obrnuto{flex-wrap:wrap-reverse;align-items:flex-end}
.jednostupac{flex-grow:1;width:100%;max-width:calc(780px + 2 * var(--rub));margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,4.4vw,48px);padding:clamp(32px,4.4vw,56px) var(--rub)}
.jednostupac.siroki{max-width:none}
.sredina{flex-grow:1;display:flex;align-items:center;padding:clamp(40px,8vw,96px) var(--rub)}
.stupac{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:24px}
.jednostupac>.stupac,.sredina>.stupac{flex:0 0 auto}
.stupac.siri{flex:1.2 1 480px;gap:28px}
.stupac.razmak-veci{gap:40px}
.stupac.uski{max-width:600px}
.podnozje{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;padding:20px var(--rub);border-top:1px solid var(--crta);font-size:14px;line-height:1.5;color:var(--tekst-3)}
.podnozje-napomena{display:flex;align-items:center;gap:10px}
.podnozje-desno{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.clanak{gap:16px}
.clanak .naslov-3{margin-top:16px}
.clanak p,.clanak li{max-width:70ch;color:var(--tekst-2)}
.popis{padding-left:22px;display:flex;flex-direction:column;gap:6px}

/* ---------- polaznik: uvod ---------- */
.cinjenice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:24px}
.cinjenice>div{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--crta-2)}
.cinjenice dd{font-size:20px;font-weight:600}
.slojevi{display:flex;flex-direction:column;gap:10px}
.slojevi .oznaka-traka{margin-bottom:4px}
.sloj{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 20px;border-radius:5px 0 0 5px;color:var(--tamno)}
.sloj-visi{min-height:52px}
.sloj-naziv{font-size:16px;font-weight:600}
.sloj-broj{flex-shrink:0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sloj-0{background:var(--s0)}
.sloj-1{background:var(--s1)}
.sloj-2{background:var(--s2)}
.sloj-3{background:var(--s3);color:var(--tekst)}
.sloj-4{background:var(--s4);color:var(--tekst);box-shadow:inset 0 0 0 1px var(--crta)}
.pomak-1{margin-left:clamp(12px,2.5vw,32px)}
.pomak-2{margin-left:clamp(24px,5vw,64px)}
.pomak-3{margin-left:clamp(36px,7.5vw,96px)}
.pomak-4{margin-left:clamp(48px,10vw,128px)}
.sloj-desno{flex-shrink:0;display:flex;align-items:center;gap:12px}
.tocke{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:235px}
.tocka{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%}
.tocka.puna{background:currentColor}
.ploca{display:flex;flex-direction:column;gap:20px;padding:clamp(22px,2.8vw,36px);background:var(--ploha)}
form.ploca{gap:28px}
.ploca-naglasak{border-top:4px solid var(--naglasak)}
.ploca-paznja{border-top:4px solid var(--paznja)}
.izbor-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;margin-top:16px}
.izbor{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 16px;border:1px solid rgba(243,245,248,.22);border-radius:2px;font-size:16px;line-height:1.3;cursor:pointer}
.izbor:hover{border-color:var(--crta-3)}
.izbor input{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--plava)}
.izbor:has(input:checked){border-color:var(--plava);background:var(--ploha-2)}
.odjeljak-crta{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:1px solid var(--crta)}
.popis-ikona{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.5}
.popis-ikona li{display:flex;align-items:flex-start;gap:12px}
.popis-ikona .ikona{margin-top:2px;color:var(--dobro)}
.popis-ikona .prigusen .ikona{color:var(--tekst-3)}

/* ---------- polaznik: pitanje ---------- */
.odgovori{display:flex;flex-direction:column;gap:10px}
.odgovor{position:relative;display:block;cursor:pointer}
.odgovor input,.segment input{position:absolute;left:20px;top:50%;width:1px;height:1px;margin:0;opacity:0}
.odgovor-kutija{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 18px;border:1px solid rgba(243,245,248,.22);border-radius:2px;font-size:16px;line-height:1.45}
.odgovor:hover .odgovor-kutija,.segment:hover span{border-color:var(--crta-3)}
.odgovor input:checked+.odgovor-kutija,.segment input:checked+span{border-color:var(--plava);background:var(--ploha-2)}
.odgovor input:focus-visible+.odgovor-kutija,.segment input:focus-visible+span{outline:2px solid var(--plava);outline-offset:2px}
.odgovor-slovo{flex-shrink:0;font-family:var(--mono);font-size:13px;color:var(--tekst-3)}
.odgovor-tekst{flex-grow:1}
.odgovor-kvacica{flex-shrink:0;display:flex;visibility:hidden;color:var(--veza)}
.odgovor input:checked+.odgovor-kutija .odgovor-kvacica{visibility:visible}
.sigurnost{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.segment{position:relative;display:block;cursor:pointer}
.segment span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 8px;border:1px solid rgba(243,245,248,.22);border-radius:2px;font-size:16px;line-height:1.2;text-align:center}
.eposta{overflow:hidden;background:#F3F5F8;border-radius:6px;color:var(--tamno);color-scheme:light}
.eposta-glava{display:flex;flex-direction:column;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(22,32,46,.14)}
.eposta-predmet{font-family:var(--sans);font-size:20px;font-weight:600;line-height:1.3}
.eposta-posiljatelj{display:flex;align-items:center;gap:12px}
.eposta-krug{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#B3C8E1;font-size:13px;font-weight:700}
.eposta-tko{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.eposta-ime{font-size:15px;font-weight:600;line-height:1.35}
.eposta-adresa{font-family:var(--mono);font-size:13px;line-height:1.4;color:#394352;overflow-wrap:anywhere}
.eposta-adresa-red{display:flex;align-items:center;gap:8px}
.eposta-vrijeme{flex-shrink:0;margin-left:auto;font-size:13px;color:#4A5361}
.eposta-tijelo{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;font-size:16px;line-height:1.6}
.eposta-gumb-red{display:flex;align-items:center;gap:14px}
.eposta-gumb{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;background:var(--tamno);border-radius:4px;color:#F3F5F8;font-size:15px;font-weight:600}
.eposta-gumb.oznacen{box-shadow:0 0 0 4px var(--isticanje)}
.eposta-odrediste{padding:10px 24px;background:#DADFE5;font-family:var(--mono);font-size:12px;line-height:1.5;color:#394352;overflow-wrap:anywhere}
.znak-tekst{padding:1px 4px;background:var(--isticanje);color:var(--tamno)}
.znak-broj{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--tamno);color:var(--isticanje);font-family:var(--sans);font-size:12px;font-weight:700;line-height:1;vertical-align:2px}
.znak-broj.svijetli{background:var(--isticanje);color:var(--tamno);margin-top:1px}

/* ---------- polaznik: objašnjenje i rezultat ---------- */
.znakovi{list-style:none;display:flex;flex-direction:column;font-size:16px;line-height:1.5}
.znakovi li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--crta)}
.znakovi li:last-child{border-bottom:1px solid var(--crta)}
.pitanje-ponovljeno{font-size:18px;line-height:1.5;color:var(--tekst-2)}
.ishod{display:flex;align-items:center;gap:12px}
.ishod-krug{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--tamno)}
.ishod .oznaka{font-size:13px}
.ishod-netocno .ishod-krug{background:var(--paznja)}
.ishod-netocno .oznaka{color:var(--paznja)}
.ishod-tocno .ishod-krug{background:var(--dobro)}
.ishod-tocno .oznaka{color:var(--dobro)}
.odgovori-pregled{display:flex;flex-direction:column;gap:10px}
.odgovor-kartica{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--crta-2);border-radius:2px}
.odgovor-kartica>div{display:flex;flex-direction:column;gap:6px}
.odgovor-kartica>.ikona{margin-top:3px}
.kartica-netocno{border-color:rgba(237,176,94,.6)}
.kartica-netocno>.ikona,.kartica-netocno .oznaka{color:var(--paznja)}
.kartica-tocno{border-color:rgba(92,200,192,.6)}
.kartica-tocno>.ikona,.kartica-tocno .oznaka{color:var(--dobro)}
.kartica-puna{background:var(--ploha)}
.odgovor-kartica-tekst{font-size:16px;line-height:1.45}
.odgovor-kartica-napomena{font-size:15px;line-height:1.5;color:var(--tekst-2)}
.napomena-crte{padding:16px 0;border-top:1px solid var(--crta);border-bottom:1px solid var(--crta);font-size:16px;line-height:1.55;color:var(--tekst-2)}
.matrica{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.matrica-celija{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--ploha);border:1px solid transparent}
.matrica-celija.jaka{background:var(--ploha-2)}
.matrica-celija.istaknuta{border-color:var(--paznja)}
.matrica-celija.istaknuta .matrica-broj{color:var(--paznja)}
.matrica-broj{font-family:var(--serif);font-size:38px;line-height:1.1}
.matrica-natpis{font-size:16px;font-weight:600;line-height:1.3}
.matrica-opis{font-size:14px;line-height:1.45;color:var(--tekst-2)}
.stavke{display:flex;flex-direction:column}
.stavka{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0;border-top:1px solid var(--crta)}
.stavka:last-child{border-bottom:1px solid var(--crta)}
.stavka-naslov{font-size:19px;font-weight:600;line-height:1.35}
.stavka-tekst{font-size:16px;line-height:1.55;color:var(--tekst-2)}
.potvrda-ispis{display:none}

/* ---------- prijava ---------- */
.prijava{min-height:100vh;display:flex;flex-wrap:wrap}
.prijava-lijevo{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(28px,4.4vw,56px) 0 clamp(28px,4.4vw,56px) clamp(20px,5vw,64px);background:var(--ploha)}
.prijava-znak{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding-right:clamp(20px,5vw,64px)}
.prijava-podnaslov{padding-left:18px;border-left:1px solid var(--crta-2)}
.prijava-slojevi{display:flex;flex-direction:column;gap:16px}
.sloj-ukras{display:block;height:44px;border-radius:5px 0 0 5px}
.pomak-p1{margin-left:12%}
.pomak-p2{margin-left:24%}
.pomak-p3{margin-left:36%}
.pomak-p4{margin-left:48%}
.prijava-pravila{list-style:none;padding-right:clamp(20px,5vw,64px);font-size:15px;line-height:1.5;color:var(--tekst-2)}
.prijava-pravila li{padding:14px 0;border-top:1px solid var(--crta)}
.prijava-pravila li:last-child{border-bottom:1px solid var(--crta)}
.prijava-desno{flex:1.3 1 480px;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,64px) clamp(20px,7vw,96px)}
.prijava-obrazac{width:100%;max-width:440px;display:flex;flex-direction:column;gap:28px}
.koraci{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-3)}
.koraci li{display:flex;align-items:center;gap:10px}
.koraci .trenutni{color:var(--tekst)}
.koraci .gotov .ikona{color:var(--dobro)}
.korak-tocka{width:8px;height:8px;border-radius:50%;background:var(--crta-3)}
.trenutni .korak-tocka{background:var(--plava)}
.koraci-crta{width:32px;height:1px;background:var(--crta-2)}
.skup{display:flex;flex-direction:column;gap:12px}
.veze-red{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px}
.mfa-qr{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.qr{width:184px;height:184px;background:#fff;border-radius:2px}
.mfa-rucno{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:8px}
.kljuc{padding:10px 12px;background:var(--ploha);border:1px solid var(--crta-2);font-size:15px;letter-spacing:.06em;overflow-wrap:anywhere}

/* ---------- nadzorna ploča ---------- */
.ploca-okvir{min-height:100vh;display:flex;flex-wrap:wrap}
.izbornik{flex:1 1 232px;min-width:0;display:flex;flex-direction:column;gap:32px;padding:28px 16px 24px;background:var(--ploha)}
.izbornik-znak{display:flex;flex-direction:column;gap:8px;padding:0 12px}
.izbornik-stavke{display:flex;flex-direction:column;gap:4px}
.izbornik-stavke a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:2px;color:var(--tekst-2);font-size:16px;text-decoration:none}
.izbornik-stavke a:hover{color:var(--tekst)}
.izbornik-stavke a[aria-current=page]{background:var(--ploha-2);color:var(--tekst);font-weight:600}
.izbornik-korisnik{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 12px 0;border-top:1px solid var(--crta)}
.izbornik-ime{font-size:15px;font-weight:600;color:var(--tekst);text-decoration:none}
.izbornik-ime[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.glavno{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:36px;padding:clamp(24px,3vw,44px) clamp(20px,3vw,44px) 56px;font-size:16px;line-height:1.5}
.glavno .oznaka-crta{font-size:12px}
.glava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.glava>div{display:flex;flex-direction:column;gap:14px;min-width:0}
.glava-skup{display:flex;flex-direction:column;gap:20px}
.stanje{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;font-weight:600}
.dva-stupca{display:flex;flex-wrap:wrap;align-items:flex-start;gap:44px 40px}
.dva-stupca>.stupac{flex:1 1 380px}
.dva-stupca>.stupac.siri{flex:1.4 1 520px;gap:24px}
.dva-stupca>.ploca{flex:1 1 380px;min-width:0}
.dva-stupca>.ploca.siri{flex:1.4 1 520px}
.odjeljak{display:flex;flex-direction:column;gap:18px;min-width:0}
.odjeljak>.oznaka-traka{margin-bottom:0}
.odjeljak-glava{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.odjeljak-glava .oznaka-traka{margin-bottom:0}
.odjeljak-naslov{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;padding-bottom:14px;border-bottom:2px solid var(--tekst)}
.kartice{display:flex;flex-wrap:wrap;gap:0 28px;border-bottom:1px solid var(--crta-2);font-size:16px}
.kartice a{display:inline-flex;align-items:center;min-height:48px;margin-bottom:-1px;border-bottom:3px solid transparent;color:var(--tekst-2);text-decoration:none}
.kartice a:hover{color:var(--tekst)}
.kartice a[aria-current=page]{border-bottom-color:var(--plava);color:var(--tekst);font-weight:600}
.tablica-okvir{overflow-x:auto}
.tablica{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4}
.tablica thead th{padding:4px 16px 12px 0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-3);text-align:left;white-space:nowrap}
.tablica td,.tablica tbody th{padding:16px 16px 16px 0;border-top:1px solid var(--crta);font-weight:400;text-align:left;vertical-align:top}
.tablica tbody tr:last-child td,.tablica tbody tr:last-child th{border-bottom:1px solid var(--crta)}
.tablica .desno{padding-right:0;text-align:right}
.tablica .uska{width:1%;white-space:nowrap}
.tablica td.radnja{padding-top:6px;padding-bottom:6px;padding-right:0;text-align:right;white-space:nowrap;vertical-align:middle}
.tablica.zbijena td,.tablica.zbijena tbody th{padding-top:12px;padding-bottom:12px}
.tablica.zbijena td{vertical-align:middle}
.tablica.zbijena.gore td{vertical-align:top}
.odjeljak-naslov+.prazno{border-top:0}
.min-640{min-width:640px}
.min-520{min-width:520px}
.min-440{min-width:440px}
.jako{display:block;font-size:16px;font-weight:600}
.ispod{display:block;color:var(--tekst-2)}
.ispod.blijedo{color:var(--tekst-3)}
.ispod.paznja{color:var(--paznja)}
.bez-prijeloma{white-space:nowrap}
.faza{display:flex;flex-direction:column;gap:8px}
.faza-crte{display:flex;gap:3px}
.faza-crte span{width:16px;height:4px;background:rgba(243,245,248,.22)}
.faza-crte.velike span{width:36px}
.faza-crte .puna{background:var(--plava)}
.traka{display:block;width:100%;height:10px;overflow:visible}
.traka-pod{fill:rgba(243,245,248,.14)}
.traka-puna{fill:var(--plava)}
.traka-paznja,.traka.paznja .traka-puna{fill:var(--paznja)}
.traka-oznaka{fill:var(--tekst)}
.odaziv{display:flex;flex-direction:column;gap:6px;min-width:150px}
.traka-red{display:flex;align-items:center;gap:12px}
.traka-red .mono{flex-shrink:0;width:48px;text-align:right}
.paznja-stavka{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 0;border-top:1px solid var(--crta)}
.paznja-stavka .jako{line-height:1.35}
.zapis-stavka{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--crta);font-size:15px}
.zapis-stavka:last-child{border-bottom:1px solid var(--crta)}
.zapis-stavka .mono{font-size:12px;color:var(--tekst-3)}
.veliki-broj{font-family:var(--serif);font-size:72px;line-height:1;letter-spacing:-.02em}
.broj-red{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.lijevak{display:flex;flex-direction:column;gap:8px}
.lijevak-red{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:210px;min-height:44px;padding:6px 16px;border-radius:0 5px 5px 0;font-size:15px}
.lijevak-red span:first-child{font-weight:600}
.lijevak-red{color:var(--tamno)}
.lijevak-red.sloj-3,.lijevak-red.sloj-4{color:var(--tekst)}
.odgovori-raspodjela{margin-top:6px;font-size:14px}
.odgovori-raspodjela summary{display:inline-flex;align-items:center;min-height:32px;color:var(--veza);font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer;list-style:none}
.odgovori-raspodjela summary::-webkit-details-marker{display:none}
.odgovori-raspodjela summary::after{content:"+";margin-left:8px;font-family:var(--mono);text-decoration:none}
.odgovori-raspodjela[open] summary::after{content:"–"}
.odgovori-raspodjela ul{list-style:none;display:flex;flex-direction:column;gap:6px;max-width:640px;margin:8px 0 6px}
.odgovori-raspodjela li{display:flex;align-items:baseline;gap:12px;padding:8px 12px;border:1px solid var(--crta);border-radius:2px}
.odgovori-raspodjela li.tocna{border-color:rgba(92,200,192,.6)}
.odgovori-raspodjela li>.mono:first-child{color:var(--tekst-3)}
.odgovori-raspodjela-tekst{flex:1 1 auto;min-width:0}
.stupci{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:8px;min-height:170px;border-bottom:1px solid var(--crta-2)}
.stupac-g{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.stupac-g .vr{font-family:var(--mono);font-size:12px;color:var(--tekst-2)}
.stupac-g .st{width:100%;max-width:44px;min-height:1px;background:var(--plava);border-radius:3px 3px 0 0}
.stupac-g .st.paznja{background:var(--paznja)}
.stupac-g.istaknut .vr{color:var(--paznja)}
.osi{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:8px;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--tekst-3);text-align:center}
.osi .istaknut{color:var(--paznja)}
.os-naziv{font-size:13px;color:var(--tekst-3);text-align:center}
.legenda{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--tekst-2)}
.legenda>span{display:flex;align-items:center;gap:8px}
.kb{flex-shrink:0;display:inline-block;width:18px;height:10px}
.kb-plava{background:var(--plava)}
.kb-paznja{background:var(--paznja)}
.kb-crta{width:2px;height:16px;background:var(--tekst)}
.kb-puna{width:12px;height:12px;border-radius:50%;background:var(--plava)}
.kb-prazna{width:12px;height:12px;border:2px solid var(--tekst);border-radius:50%}
.kb-kvadrat{width:12px;height:12px;border-radius:2px;background:var(--paznja)}
.kb.r-ispod,.kb.r-60,.kb.r-70,.kb.r-80,.kb.r-90{height:12px}
.nalazi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:32px}
.nalaz{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:20px;border-top:2px solid var(--paznja)}
.nalaz .oznaka{color:var(--paznja);letter-spacing:.12em}
.nalaz.dobar{border-top-color:var(--dobro)}
.nalaz.dobar .oznaka{color:var(--dobro)}
.nalaz-broj{font-family:var(--serif);font-size:52px;line-height:1;letter-spacing:-.02em}
.nalaz p{color:var(--tekst-2)}
.redak-teme{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) 56px 44px;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--crta)}
.redak-teme:last-child{border-bottom:1px solid var(--crta)}
.redak-teme .mono{text-align:right}
.redak-teme>span:first-child{display:flex;flex-direction:column;gap:2px}
.bucica-okvir{padding:0 10px}
.bucica{display:block;overflow:visible}
.bucica-os{stroke:rgba(243,245,248,.14);stroke-width:2}
.bucica-veza{stroke:var(--tekst);stroke-width:4}
.bucica-primjena{fill:var(--plava)}
.bucica-znanje{fill:var(--tlo);stroke:var(--tekst);stroke-width:2}
.bucica-broj{fill:var(--tekst-2);font-family:var(--mono);font-size:12px}
.jaz-red{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--crta)}
.jaz-red:last-child{border-bottom:1px solid var(--crta)}
.jaz-glava{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.toplina{width:calc(100% + 8px);margin:-4px;border-collapse:separate;border-spacing:4px;font-size:15px;line-height:1.3}
.toplina thead th{padding:0 4px 6px;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-3)}
.toplina thead th:first-child{text-align:left}
.toplina tbody th{padding:10px 8px 10px 0;font-weight:600;text-align:left}
.toplina tbody th span{font-weight:400;color:var(--tekst-3)}
.toplina td{width:17%;padding:10px 4px;font-family:var(--mono);text-align:center}
.r-ispod{background:var(--ploha);box-shadow:inset 0 0 0 2px var(--paznja);color:var(--paznja)}
.r-60{background:var(--s4);color:var(--tekst);box-shadow:inset 0 0 0 1px var(--crta)}
.r-70{background:var(--s3);color:var(--tekst)}
.r-80{background:var(--s2);color:var(--tamno)}
.r-90{background:var(--s0);color:var(--tamno)}
.r-nema{color:var(--tekst-3)}
.koraci-zatvaranja{list-style:none;display:flex;flex-direction:column;font-size:15px;line-height:1.45}
.koraci-zatvaranja li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--crta)}
.koraci-zatvaranja li:last-child{border-bottom:1px solid var(--crta)}
.koraci-zatvaranja li>span:nth-child(2){flex-grow:1}
.koraci-zatvaranja .gotovo .ikona{color:var(--dobro)}
.krug{flex-shrink:0;width:20px;height:20px;border:2px solid var(--crta-3);border-radius:50%}
.krug.ceka{border-color:var(--paznja)}
.svojstva{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 20px;font-size:15px;line-height:1.45}
.svojstva dt{color:var(--tekst-3)}
.poveznica-red{display:flex;flex-wrap:wrap;gap:8px}
.poveznica-kutija{flex:1 1 220px;min-width:0;display:flex;align-items:center;min-height:48px;padding:8px 14px;background:var(--tlo);border:1px solid var(--crta-2);border-radius:2px;font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}
.kodovi{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.kodovi code{display:block;padding:10px 12px;background:var(--tlo);border:1px solid var(--crta-2);font-size:16px;letter-spacing:.08em;text-align:center}
.znacka{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--crta-2);border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-2);white-space:nowrap}
.znacka.paznja{border-color:rgba(237,176,94,.7);color:var(--paznja)}
.znacka.dobro{border-color:rgba(92,200,192,.7);color:var(--dobro)}
.grupe-unos{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px 12px;align-items:center}
.grupe-unos .oznaka{padding-bottom:2px}
.opcija-unos{display:flex;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid var(--crta)}
.opcija-glava{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.pregled-pitanja{display:flex;flex-direction:column;gap:16px;padding:28px 0;border-top:1px solid var(--crta-2)}
.pregled-opcije{list-style:none;display:flex;flex-direction:column;gap:8px}
.pregled-opcije li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 14px;border:1px solid var(--crta);border-radius:2px}
.pregled-opcije li.tocna{border-color:rgba(92,200,192,.6)}
.uski-sadrzaj{max-width:820px}
.prazno{padding:28px 0;border-top:1px solid var(--crta);border-bottom:1px solid var(--crta);color:var(--tekst-2)}
.razmak-gore{margin-top:8px}
.samo-citac{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tablica.unos td{vertical-align:middle}
.tablica.unos input[type=text],.tablica.unos input[type=number],.tablica.unos select{min-height:44px;padding:8px 12px;font-size:15px}
.tablica.unos .kvacica{align-items:center;min-height:44px}
.polje-oznaka{width:110px!important;text-transform:uppercase}
.polje-broj{width:84px!important}
.tablica.unos select{width:auto;min-width:120px}
.polja-red.omjer-1-3{display:flex;flex-wrap:wrap}
.polja-red.omjer-1-3>.polje:first-child{flex:1 1 160px}
.polja-red.omjer-1-3>.polje:last-child{flex:4 1 320px}
.radnje.desno-poravnato{display:inline-flex;justify-content:flex-end;gap:4px 20px}
.pregled-poruka{display:flex;flex-direction:column;gap:16px;max-width:640px}
.pregled-opcije li>.mono{flex-shrink:0;color:var(--tekst-3)}
.pregled-opcija-tekst{flex:1 1 320px;min-width:0}
.pregled-opcija-ispod{flex:1 1 100%;font-size:14px;line-height:1.5;color:var(--tekst-2)}
.zapis-stavka .radnje{gap:0 20px}
.sklopivo-popis{display:flex;flex-direction:column}
.sklopivo{border-top:1px solid var(--crta)}
.sklopivo:last-child{border-bottom:1px solid var(--crta)}
.sklopivo summary{display:flex;align-items:baseline;gap:8px 18px;flex-wrap:wrap;min-height:48px;padding:12px 0;cursor:pointer;list-style:none}
.sklopivo summary::-webkit-details-marker{display:none}
.sklopivo summary::before{content:"+";flex-shrink:0;width:14px;font-family:var(--mono);color:var(--plava)}
.sklopivo[open] summary::before{content:"–"}
.sklopivo summary>.mono{flex:0 0 150px;font-size:13px;color:var(--tekst-2)}
.sklopivo-naziv{flex:1 1 320px;min-width:0;font-weight:600}
.sklopivo summary:hover .sklopivo-naziv{text-decoration:underline;text-underline-offset:4px}
.sklopivo-sadrzaj{display:flex;flex-direction:column;gap:16px;padding:4px 0 24px 32px}

/* ---------- izvještaj za ispis: svijetla podloga ---------- */
body.izvjestaj{background:#fff;color:#16202E;color-scheme:light;font-size:15px;line-height:1.5}
.izv{max-width:820px;margin:0 auto;padding:40px 32px 64px;display:flex;flex-direction:column;gap:32px}
.izv a{color:#1D5BC6}
.izv-alat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(22,32,46,.2)}
.izv .gumb-obrub{border-color:rgba(22,32,46,.4);color:#16202E}
.izv-glava{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:2px solid #16202E}
.izv-znak{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#4A5361}
.izv-znak .strata-ime{color:#16202E}
.izv .znak-strata rect{fill:#6A1717}
.izv h1{font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.1;letter-spacing:-.018em}
.izv h2{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.2;margin-bottom:12px}
.izv h3{font-size:16px;font-weight:600;line-height:1.35}
.izv .oznaka{color:#4A5361}
.izv p{max-width:70ch}
.izv section{display:flex;flex-direction:column;gap:12px;break-inside:avoid}
.izv section{min-width:0;overflow-x:auto}
.izv-brojke{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}
.izv-brojke>div{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid rgba(22,32,46,.3)}
.izv-brojke b{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.1}
.izv-tablica{width:100%;border-collapse:collapse;font-size:14px}
.izv-tablica th{padding:6px 12px 6px 0;font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#4A5361;text-align:left}
.izv-tablica td{padding:9px 12px 9px 0;border-top:1px solid rgba(22,32,46,.16);vertical-align:top}
.izv-tablica .desno{text-align:right;padding-left:12px;padding-right:0;white-space:nowrap}
.izv-tablica .uska{width:1%;white-space:nowrap;padding-right:16px}
.izv-tablica.jednako{table-layout:fixed}
.izv-tablica.jednako th:first-child,.izv-tablica.jednako td:first-child{width:24%}
.izv .traka-pod{fill:rgba(22,32,46,.1)}
.izv .traka-puna{fill:#3A6699}
.izv .traka-paznja{fill:#C97B1E}
.izv .traka-oznaka{fill:#16202E}
.izv-nalaz{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid rgba(22,32,46,.2);break-inside:avoid}
.izv-nalaz .oznaka{color:#1D5BC6}
.izv .toplina td{border:1px solid rgba(22,32,46,.12)}
.izv .r-ispod{background:#fff;box-shadow:inset 0 0 0 2px #C97B1E;color:#8A4F0A}
.izv .r-60{background:#D9E4F1;color:#16202E;box-shadow:none}
.izv .r-70{background:#B3C8E1;color:#16202E}
.izv .r-80{background:#84A5CE;color:#16202E}
.izv .r-90{background:#3A6699;color:#fff}
.izv .toplina thead th,.izv .toplina tbody th span{color:#4A5361}
.izv p.izv-podnozje{max-width:none}
.izv-podnozje{padding-top:16px;border-top:1px solid rgba(22,32,46,.2);font-size:12.5px;color:#4A5361}
.izv .mono.dobro{color:#0F6E66}
.izv .mono.paznja{color:#8A4F0A}

/* ---------- uski zaslon: izbornik postaje traka na vrhu ---------- */
@media (max-width:800px){
  .tocke{max-width:115px}
  .izbornik{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:14px 20px 10px}
  .izbornik-znak{flex:1 1 auto;flex-direction:row;align-items:center;gap:12px;padding:0}
  .izbornik-znak .oznaka{display:none}
  .izbornik-korisnik{flex-direction:row;align-items:center;gap:18px;margin:0;padding:0;border:0}
  .izbornik-korisnik .oznaka{display:none}
  .izbornik-stavke{order:3;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;gap:2px 4px;margin:0 -10px}
  .izbornik-stavke a{min-height:44px;padding:0 10px;font-size:15px;white-space:nowrap}
  .izbornik-stavke a svg{display:none}
  .glavno{gap:28px;padding-top:24px}
  .sklopivo-naziv{flex-basis:200px}
  .sklopivo-sadrzaj{padding-left:0}
}

/* ---------- ispis ---------- */
@media print{
  html{color-scheme:light}
  body{background:#fff;color:#16202E}
  .izv-alat,.izbornik,.podnozje,.zaglavlje{display:none!important}
  .izv{padding:0;max-width:none}
  body.ispis-potvrde .stranica{display:block;min-height:0}
  body.ispis-potvrde .stranica>*:not(.potvrda-ispis){display:none!important}
  body.ispis-potvrde .potvrda-ispis{display:block}
  .potvrda-okvir{margin:6mm 4mm 0;padding:16mm 16mm 12mm;border:1.5pt solid #16202E;font-family:var(--sans);color:#16202E;text-align:center;break-inside:avoid}
  .potvrda-glava{display:flex;align-items:center;justify-content:space-between;gap:10mm;margin-bottom:22mm;font-size:12pt;font-weight:700;text-align:left}
  .potvrda-logo{display:block;max-width:60mm;max-height:16mm}
  .potvrda-glava .strata{color:#16202E}
  .potvrda-glava .strata-ime{font-size:14pt;color:#16202E}
  .potvrda-glava .znak-strata rect{fill:#16202E}
  .potvrda-vrsta{font-family:var(--mono);font-size:10pt;letter-spacing:.14em;text-transform:uppercase;color:#4A5361}
  .potvrda-ime{margin:10mm 0 6mm;font-family:var(--serif);font-size:30pt;line-height:1.15;overflow-wrap:anywhere}
  .potvrda-tekst{font-size:12pt}
  .potvrda-naziv{margin-top:4mm;font-size:14pt;font-weight:600}
  .potvrda-datum{margin-top:4mm;font-size:12pt}
  .potvrda-podaci{margin:18mm 0 0;padding-top:6mm;border-top:.75pt solid #16202E;text-align:left;font-size:10.5pt;line-height:1.4}
  .potvrda-podaci>div{display:flex;gap:6mm;padding:1.6mm 0}
  .potvrda-podaci dt{flex:0 0 36mm;font-family:var(--mono);font-size:8.5pt;letter-spacing:.1em;text-transform:uppercase;color:#4A5361;padding-top:.5mm}
  .potvrda-podaci dd{margin:0;flex:1 1 auto}
  .potvrda-napomena{margin-top:10mm;font-size:9.5pt;line-height:1.45;color:#4A5361;text-align:left}
  body.ispis-kodova .ploca-okvir>.izbornik,body.ispis-kodova .glavno>*:not(.ploca-paznja){display:none!important}
  body.ispis-kodova .ploca-paznja{background:#fff;color:#16202E;border:1pt solid #16202E}
  body.ispis-kodova .kodovi code{background:#fff;border:1pt solid #16202E;color:#16202E}
  body.ispis-kodova .pomocni{color:#16202E}
  body.ispis-kodova .radnje{display:none}
}
@page{margin:14mm}

/* ---------- širine i visine u koracima od 1 % (stilovi u samom HTML-u nisu dopušteni) ---------- */
.w-0{width:0%}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.w-100{width:100%}
.h-0{height:0px}.h-1{height:1.3px}.h-2{height:2.6px}.h-3{height:3.9px}.h-4{height:5.2px}.h-5{height:6.5px}.h-6{height:7.8px}.h-7{height:9.1px}.h-8{height:10.4px}.h-9{height:11.7px}.h-10{height:13px}.h-11{height:14.3px}.h-12{height:15.6px}.h-13{height:16.9px}.h-14{height:18.2px}.h-15{height:19.5px}.h-16{height:20.8px}.h-17{height:22.1px}.h-18{height:23.4px}.h-19{height:24.7px}.h-20{height:26px}.h-21{height:27.3px}.h-22{height:28.6px}.h-23{height:29.9px}.h-24{height:31.2px}.h-25{height:32.5px}.h-26{height:33.8px}.h-27{height:35.1px}.h-28{height:36.4px}.h-29{height:37.7px}.h-30{height:39px}.h-31{height:40.3px}.h-32{height:41.6px}.h-33{height:42.9px}.h-34{height:44.2px}.h-35{height:45.5px}.h-36{height:46.8px}.h-37{height:48.1px}.h-38{height:49.4px}.h-39{height:50.7px}.h-40{height:52px}.h-41{height:53.3px}.h-42{height:54.6px}.h-43{height:55.9px}.h-44{height:57.2px}.h-45{height:58.5px}.h-46{height:59.8px}.h-47{height:61.1px}.h-48{height:62.4px}.h-49{height:63.7px}.h-50{height:65px}.h-51{height:66.3px}.h-52{height:67.6px}.h-53{height:68.9px}.h-54{height:70.2px}.h-55{height:71.5px}.h-56{height:72.8px}.h-57{height:74.1px}.h-58{height:75.4px}.h-59{height:76.7px}.h-60{height:78px}.h-61{height:79.3px}.h-62{height:80.6px}.h-63{height:81.9px}.h-64{height:83.2px}.h-65{height:84.5px}.h-66{height:85.8px}.h-67{height:87.1px}.h-68{height:88.4px}.h-69{height:89.7px}.h-70{height:91px}.h-71{height:92.3px}.h-72{height:93.6px}.h-73{height:94.9px}.h-74{height:96.2px}.h-75{height:97.5px}.h-76{height:98.8px}.h-77{height:100.1px}.h-78{height:101.4px}.h-79{height:102.7px}.h-80{height:104px}.h-81{height:105.3px}.h-82{height:106.6px}.h-83{height:107.9px}.h-84{height:109.2px}.h-85{height:110.5px}.h-86{height:111.8px}.h-87{height:113.1px}.h-88{height:114.4px}.h-89{height:115.7px}.h-90{height:117px}.h-91{height:118.3px}.h-92{height:119.6px}.h-93{height:120.9px}.h-94{height:122.2px}.h-95{height:123.5px}.h-96{height:124.8px}.h-97{height:126.1px}.h-98{height:127.4px}.h-99{height:128.7px}.h-100{height:130px}