:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--bg:#f4f5f7;--sf:#fff;--sf2:#eff1f4;--sf3:#e5e8ed;--line:#dfe3e8;--line2:#8a93a0;--ink:#15171c;--ink2:#454c58;--ink3:#636b78;--acc:#2453c4;--acc-sf:#e8eefc;--acc-ink:#fff;--prod:#6a2ccf;--prod-sf:#f1eafd;--yk:#15171c;--yk-ink:#fff;--da:#167a43;--da-ink:#fff;--ne:#b42318;--ne-sf:#fdecea;--zvj:#a86400;--prep:#7a4f00;--prep-sf:#fff6dc;--prep-line:#c99512;--potpis-sf:#f3f5fa;--st-odluka:#b3261e;--st-odluka-sf:#fdecea;--st-radi:#b45309;--st-radi-sf:#fdf0e3;--st-gotovo:#127a3e;--st-gotovo-sf:#e6f4ec;--st-nema:#6b7280;--st-nema-sf:#eef0f3;--proj:#075985;--proj-sf:#e0f2fe;--proj-line:#bae6fd;--r1:6px;--r2:10px;--r3:14px;--r4:20px;--sjena:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--sjena2:0 10px 30px rgba(16,24,40,.12);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0e1014;--sf:#171a20;--sf2:#1f232a;--sf3:#2a2f37;--line:#2b3039;--line2:#6b7482;--ink:#eceef2;--ink2:#c0c5ce;--ink3:#959daa;--acc:#86abff;--acc-sf:#1a2640;--acc-ink:#0e1014;--prod:#c9b5ff;--prod-sf:#2a2140;--yk:#eceef2;--yk-ink:#0e1014;--da:#1f7f48;--da-ink:#fff;--ne:#ff8a80;--ne-sf:#3a1b1a;--zvj:#f2c14e;--prep:#f2c14e;--prep-sf:#2e2510;--prep-line:#a37c1c;--potpis-sf:#1b2029;--st-odluka:#ff8a80;--st-odluka-sf:#3a1b1a;--st-radi:#fbbf24;--st-radi-sf:#36290f;--st-gotovo:#5cc98a;--st-gotovo-sf:#14301f;--st-nema:#9aa1ab;--st-nema-sf:#252930;--proj:#7dd3fc;--proj-sf:#0c2a3d;--proj-line:#155e75;--sjena:none;--sjena2:0 12px 32px rgba(0,0,0,.5);color-scheme:dark}}
*,::before,::after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);font-variant-numeric:tabular-nums}
:where(h1,h2,h3,h4,p,ul,ol,dl,dd,dt,figure,fieldset){margin:0}:where(ul,ol){padding:0}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.ik{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.spr{position:absolute;width:0;height:0;overflow:hidden}
h1{font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.015em;margin:0 0 .5em;overflow-wrap:anywhere}
h2{font-size:1.25rem;line-height:1.3;font-weight:650;margin:1.6em 0 .7em}
h3{font-size:1.06rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}h4{font-size:.92rem;margin:1em 0 .4em}
.km{color:var(--ink3);font-size:.88rem;margin:.25em 0}.prazno{color:var(--ink3)}
.broj{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--sf3);color:var(--ink2);vertical-align:.15em}
/* oznake: produkcija (vrsta), YubiKey (razina), host, stanje zahtjeva */
.prod{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r1);background:var(--prod-sf);color:var(--prod);font-weight:700;font-size:.72rem;letter-spacing:.05em;vertical-align:.15em}
.yk{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r1);background:var(--yk);color:var(--yk-ink);font-weight:700;font-size:.75rem;vertical-align:.15em}
.oz{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border-radius:var(--r1);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--sf2);color:var(--ink2);vertical-align:.15em;white-space:nowrap}
.raz{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r1);font-size:.75rem;font-weight:700;color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line2);white-space:nowrap}
.host{display:inline-block;font:600 .8rem/1.6 var(--mono);color:var(--ink);background:var(--sf2);border:1px solid var(--line);border-radius:var(--r1);padding:0 6px;white-space:nowrap}
.st{display:inline-block;border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:650;background:var(--sf2);color:var(--ink2)}
.st-ceka{background:var(--st-odluka-sf);color:var(--st-odluka)}.st-odobreno{background:var(--st-gotovo-sf);color:var(--st-gotovo)}
.st-odbijeno{background:var(--ne-sf);color:var(--ne)}.st-odgovor{background:var(--acc-sf);color:var(--acc)}
.izbor{color:var(--ink)}
.tekst{white-space:pre-wrap;overflow-wrap:anywhere;margin:.6em 0}.tekst a{overflow-wrap:anywhere}
/* tekst agenata kao Markdown (md_html): spremnik je pre-wrap, pa obični retci ostaju retci; tablica i blok koda se
   pomiču unutar sebe, nikad stranica */
.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}
.md p,.md ul,.md ol,.md blockquote,.md pre,.md hr,.md .md-tablica{margin:0 0 .75em}
.md h3,.md h4,.md h5,.md h6{margin:1em 0 .35em;line-height:1.3;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink)}
.md h3{font-size:1.2rem}.md h4{font-size:1.08rem}.md h5{font-size:1rem}.md h6{font-size:.94rem;color:var(--ink2)}
.md ul,.md ol{padding-left:1.6em}.md li{margin:.2em 0}.md li>p{margin:0}.md li>ul,.md li>ol{margin:.2em 0 0}
.md blockquote{border-left:3px solid var(--line2);padding:1px 0 1px 12px;color:var(--ink2)}
.md hr{border:0;border-top:1px solid var(--line2)}
.md code{font:.88em var(--mono);background:var(--sf2);border:1px solid var(--line);border-radius:4px;padding:0 .3em}
.md pre{font:.84rem/1.55 var(--mono);white-space:pre;overflow-x:auto;max-width:100%;background:var(--sf2);border:1px solid var(--line);border-radius:var(--r1);padding:8px 10px}
.md pre code{font:inherit;background:none;border:0;padding:0}
.md-strogo pre{white-space:pre-wrap;overflow-wrap:anywhere}
.md-jezik{font:600 .72rem/1.6 var(--mono);color:var(--ink3);margin:0 0 2px}
.md-tablica{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--r1);white-space:normal}
.md table{width:auto;min-width:100%;border-collapse:collapse}
.md th,.md td{padding:6px 10px;border-top:1px solid var(--line);border-left:1px solid var(--line);font-size:.9rem;line-height:1.45;min-width:7ch;overflow-wrap:break-word;text-align:left;vertical-align:top}
.md th{background:var(--sf2);color:var(--ink);font-weight:650;letter-spacing:0;text-transform:none;white-space:normal}
.md tr>:first-child{border-left:0}.md thead tr:first-child>th{border-top:0}.md .md-c{text-align:center}.md .md-d{text-align:right}
.md-adresa{font:.82em var(--mono);color:var(--ink2);overflow-wrap:anywhere}
.izvorni{margin:.3em 0 0}.izvorni>summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;color:var(--acc);font-weight:600;font-size:.88rem}
.izvorni>summary::-webkit-details-marker{display:none}.izvorni>summary::before{content:"▸";color:var(--ink3)}.izvorni[open]>summary::before{content:"▾"}
.izvorni .km{margin:.5em 0 .2em}
.izvorni-t{font:.84rem/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:isolate;background:var(--sf2);border:1px solid var(--line);border-radius:var(--r1);padding:8px 10px;margin:0 0 6px}
/* stanje projekta i sesije: boja + znak + tekst */
.ps{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 9px 1px 7px;font-size:.8rem;font-weight:650;white-space:nowrap;background:var(--st-nema-sf);color:var(--st-nema);border:1px solid transparent}
.ps::before{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;font-size:.6rem;font-weight:800;line-height:1}
h1 .ps{vertical-align:.3em;font-size:.85rem}
.ps-odluka,.ps-odgovor{color:var(--st-odluka);background:var(--st-odluka-sf)}.ps-odluka::before,.ps-odgovor::before{content:"!";content:"!"/""}
.ps-radi,.ps-ceka{color:var(--st-radi);background:var(--st-radi-sf)}.ps-radi::before{content:"▶";content:"▶"/""}.ps-ceka::before{content:"…";content:"…"/""}
.ps-gotovo,.ps-zavrsila,.ps-miruje{color:var(--st-gotovo);background:var(--st-gotovo-sf)}.ps-gotovo::before,.ps-zavrsila::before{content:"✓";content:"✓"/""}
.ps-miruje{background:transparent;border:1px dashed var(--st-gotovo)}.ps-miruje::before{content:"‖";content:"‖"/""}
.ps-nema{color:var(--st-nema);background:var(--st-nema-sf)}.ps-nema::before{content:"?";content:"?"/"";border-style:dotted}
/* gumbi: najmanje 44 px */
button{font:inherit;font-weight:600;font-size:.95rem;min-height:44px;padding:0 16px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--sf);color:var(--ink);cursor:pointer}
button:hover{background:var(--sf2)}button:disabled{opacity:.5;cursor:default}
button.da{background:var(--da);border-color:var(--da);color:var(--da-ink)}button.da:hover{filter:brightness(1.08)}
button.ne{color:var(--ne);border-color:var(--ne)}button.ne:hover{background:var(--ne-sf)}
button.link{border:0;background:none;color:var(--acc);padding:0 4px;font-weight:600}button.link:hover{text-decoration:underline;background:none}
label{display:block;margin:.6em 0;font-size:.92rem;color:var(--ink2)}
textarea,input{display:block;width:100%;margin-top:6px;font:inherit;padding:10px 12px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--sf);color:var(--ink)}
/* zaglavlje */
header{position:sticky;top:0;z-index:20;background:var(--sf);border-bottom:1px solid var(--line)}
.zaglavlje{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;max-width:1400px;margin:0 auto;padding:6px 28px;min-height:64px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:1.06rem;color:var(--ink);letter-spacing:-.01em}.logo:hover{text-decoration:none}
.logo-zn{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:24px;height:24px;flex:none}.logo-zn i{border-radius:3px}
.logo-zn i:nth-child(1){background:var(--st-odluka)}.logo-zn i:nth-child(2){background:var(--st-radi)}.logo-zn i:nth-child(3){background:var(--st-gotovo)}.logo-zn i:nth-child(4){background:var(--st-nema)}
.nav{display:flex;align-items:stretch;gap:2px;align-self:stretch}
.nav a{display:inline-flex;align-items:center;gap:6px;padding:0 12px;min-height:44px;color:var(--ink2);font-weight:600;font-size:.95rem;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink);text-decoration:none}.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
a.nep b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font-size:.75rem}
.ovlast-traka{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-left:auto;font-size:.88rem;color:var(--ink2)}
.ovlast-traka .ik{color:var(--ink2)}.ot-txt{font-weight:600;color:var(--ink)}.ot-kid{font:500 .8rem var(--mono);color:var(--ink3)}
.ovlast-traka button{min-height:44px;padding:0 12px;font-size:.88rem}.ot-poruka{font-weight:600;color:var(--ink);flex-basis:100%;text-align:right}.ot-poruka:empty{display:none}
/* raspored */
.okvir{max-width:1400px;margin:0 auto;padding:24px 28px 64px}main{min-width:0}
.usko{max-width:460px;margin:48px auto;padding:32px;background:var(--sf);border:1px solid var(--line);border-radius:var(--r4);box-shadow:var(--sjena2)}
.usko h1{margin-top:4px}
/* projekti: tablica na početnoj, traka čipova na projektu */
aside.projekti{margin-top:40px}
.projekti h2{margin:0 0 12px}
.pl{list-style:none;margin:0;padding:0;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sjena)}
.pl li{border-top:1px solid var(--line)}.pl li:first-child{border-top:0}
.pl a{display:grid;grid-template-columns:minmax(120px,1fr) minmax(190px,1.4fr) 64px minmax(150px,1.2fr) minmax(170px,1.5fr) minmax(170px,1.5fr);align-items:center;gap:4px 16px;padding:12px 18px;min-height:60px;color:var(--ink);border-left:4px solid transparent}
.pl a:hover{background:var(--sf2);text-decoration:none}.pl a[aria-current]{background:var(--acc-sf)}
.pl a.p-odluka{border-left-color:var(--st-odluka)}.pl a.p-radi{border-left-color:var(--st-radi)}.pl a.p-gotovo,.pl a.p-miruje{border-left-color:var(--st-gotovo)}.pl a.p-nema{border-left-color:var(--st-nema)}
.pi{grid-column:1;grid-row:1;font-weight:700;overflow-wrap:anywhere}
.pz{grid-column:2;grid-row:1;font-size:.82rem;color:var(--ink3);display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.pb{grid-column:3;grid-row:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;font-size:.8rem;color:var(--ink3)}
.pb.ima{background:var(--st-odluka);color:#fff;font-weight:700}
.pd{grid-column:4;grid-row:1;font-size:.82rem;color:var(--ink2)}.pd b{font-weight:650}
.pg,.pk{grid-row:1;font-size:.82rem;color:var(--ink3);min-width:0}.pg{grid-column:5}.pk{grid-column:6}
.pg b,.pk b{display:block;color:var(--ink);font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn{color:var(--acc);font-weight:650}
.ag-odgovor{color:var(--st-odluka)}.ag-radi,.ag-ceka{color:var(--st-radi)}.ag-nema{color:var(--st-nema)}.ag-miruje,.ag-zavrsila{color:var(--st-gotovo)}
.raz-yk{background:var(--yk);color:var(--yk-ink);box-shadow:none}
.pl-zag{display:grid;grid-template-columns:minmax(120px,1fr) minmax(190px,1.4fr) 64px minmax(150px,1.2fr) minmax(170px,1.5fr) minmax(170px,1.5fr);gap:16px;padding:10px 18px 10px 22px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.pl-zag span:nth-child(3){text-align:center}
.dno{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:20px;padding-top:8px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink3)}
.dno a,.dno button.link{display:inline-flex;align-items:center;min-height:44px;font-size:inherit}
.s-projekt .okvir{display:flex;flex-direction:column}.s-projekt aside.projekti{order:-1;margin:0 0 18px}
.s-projekt .projekti h2,.s-projekt .pl-zag,.s-projekt .pd,.s-projekt .pg,.s-projekt .pk{display:none}
.s-projekt .pz{display:inline-flex;order:-1;font-size:0;gap:0}.s-projekt .pz>:not(.ps){display:none}.s-projekt .pz .ps{font-size:0;padding:0;background:none;border:0;gap:0}.s-projekt .pz .ps::before{font-size:.62rem;width:17px;height:17px}
.s-projekt .pl{display:flex;gap:8px;overflow-x:auto;background:none;border:0;box-shadow:none;border-radius:0;padding:2px 2px 6px;scrollbar-width:thin}
.s-projekt .pl li{border:0;flex:none}
.s-projekt .pl a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;border:1px solid var(--line);border-left-width:4px;border-radius:999px;background:var(--sf);white-space:nowrap}
.s-projekt .pl a[aria-current]{border-color:var(--ink);border-left-color:inherit;background:var(--sf);box-shadow:inset 0 0 0 1px var(--ink)}
.s-projekt .pl a.p-odluka[aria-current]{border-left-color:var(--st-odluka)}.s-projekt .pl a.p-radi[aria-current]{border-left-color:var(--st-radi)}.s-projekt .pl a.p-gotovo[aria-current],.s-projekt .pl a.p-miruje[aria-current]{border-left-color:var(--st-gotovo)}.s-projekt .pl a.p-nema[aria-current]{border-left-color:var(--st-nema)}
.s-projekt .pb{min-width:20px;height:20px;padding:0 6px}.s-projekt .pb:not(.ima){display:none}
.s-projekt .dno,.s-log aside [data-zivo="projekti"],.s-kljucevi aside [data-zivo="projekti"]{display:none}
/* početna: sažetak, tablica odluka */
.sazetak{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;margin:0 0 28px}
.saz{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--sf);min-height:64px;min-width:0}
.saz .ik{width:20px;height:20px}.saz b{font-size:1.5rem;line-height:1;font-weight:700;letter-spacing:-.02em}
.saz span{display:flex;flex-direction:column;font-size:.88rem;line-height:1.25;font-weight:650;min-width:0}.saz small{font-size:.78rem;font-weight:500;color:var(--ink3);margin-top:2px;overflow-wrap:anywhere}
.saz-odluka .ik,.saz-odluka b{color:var(--st-odluka)}.saz-nema .ik{color:var(--st-nema)}.saz-radi .ik{color:var(--st-radi)}.saz-gotovo .ik{color:var(--st-gotovo)}
.pod{color:var(--ink3);font-size:.9rem;margin:-.4em 0 14px}
.odl-tbl{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sjena)}
.ot-zag{display:grid;grid-template-columns:64px minmax(0,1fr) 140px 150px 140px;gap:18px;padding:10px 62px 10px 18px;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.odl-tbl>.sz{border-top:1px solid var(--line)}.odl-tbl>.ot-zag+.sz{border-top:0}
.sz{position:relative;display:flex;align-items:center}
.zvj{flex:none;width:44px;height:44px;min-height:44px;padding:0;margin-right:10px;border:0;border-radius:var(--r2);background:none;font-size:1.25rem;line-height:1;color:var(--ink3);font-weight:400}
.zvj:hover{background:var(--sf2);color:var(--zvj)}.zvj[aria-pressed="true"]{color:var(--zvj)}
.red-odl{flex:1;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) 140px 150px 140px;gap:4px 18px;align-items:start;padding:14px 6px 14px 18px;min-height:64px;color:var(--ink)}
.red-odl:hover{background:var(--sf2);text-decoration:none}.red-odl.k-prod{box-shadow:inset 3px 0 0 var(--prod)}
.ro-vr{display:flex;flex-direction:column;line-height:1.3}.ro-vr .sat{font-size:.95rem;font-weight:650;color:var(--ink)}.ro-vr .dat{font-size:.78rem;color:var(--ink3)}
.ro-o{min-width:0}
.kn{display:block;font-weight:650;font-size:1rem;line-height:1.4;overflow-wrap:anywhere}.kn .prod,.kn .yk,.kn .oz{margin-right:6px}
.red-odl .km{display:block;margin:3px 0 0;font-size:.84rem}
.kt{color:var(--ink3);font-size:.84rem;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:2px}
.ro-p{font-weight:600;font-size:.92rem;overflow-wrap:anywhere;padding-top:1px}
/* ime projekta u retku izvještaja i odluke: čip vlastite boje (--proj: ni boja stanja ni produkcije), podebljan */
.pr{display:inline-block;max-width:100%;padding:0 7px;border:1px solid var(--proj-line);border-radius:999px;background:var(--proj-sf);color:var(--proj);font-weight:700;font-size:.8rem;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;vertical-align:baseline}
.ro-p .pr{font-size:.86rem}.ro-r{padding-top:1px}
.ro-c{font-size:.88rem;color:var(--ink2);padding-top:1px}.ro-c>span{display:block;font-size:.78rem;color:var(--ink3)}
.ro-u{display:none}.red-odl .ro-u2{display:none}
.red-odl.mala .kn{font-weight:600}
.tok{margin:32px 0 0}.tok:empty{display:none}.tok>h2{display:inline-flex;align-items:center;margin:0 10px 12px 0}
.tok>.sz,.tok>.izv{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);margin:0 0 8px}
button.sve{min-height:44px}
/* izvještaji i pinovi */
.izv{position:relative;display:flex;align-items:flex-start;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);margin:0 0 8px;scroll-margin-top:80px}
.izv>details{flex:1;min-width:0;border-radius:var(--r3);scroll-margin-top:80px}.izv>.zvj{margin-top:6px}
.izv>details>summary{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 12px;list-style:none;cursor:pointer;padding:12px 6px 12px 16px;min-height:56px}
.izv>details>summary::-webkit-details-marker{display:none}
.izv summary .sn{grid-column:2;grid-row:1}.izv summary .km{grid-column:2;grid-row:2;display:block;margin:2px 0 0}
.izv summary .zvj-agent{grid-column:2;grid-row:3;display:block;margin:3px 0 0;font-size:.84rem;font-weight:600;color:var(--prep);overflow-wrap:anywhere}
.iz-vr{grid-column:1;grid-row:1/span 2;display:flex;flex-direction:column;line-height:1.3;padding-top:1px}
.iz-vr .sat{font-size:.92rem;font-weight:650;color:var(--ink)}.iz-vr .dat{font-size:.76rem;color:var(--ink3)}
.izv.nep{box-shadow:inset 3px 0 0 var(--acc)}.izv>details:target{box-shadow:0 0 0 3px var(--acc-sf)}
.sn{display:block;font-weight:600;overflow-wrap:anywhere}
summary .sn::before{content:"▸";color:var(--ink3);display:inline-block;width:1.1em}details[open]>summary .sn::before{content:"▾"}
.iv,.nov{display:inline-flex;align-items:center;min-height:20px;border-radius:var(--r1);padding:0 7px;margin-right:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;vertical-align:.12em;text-transform:uppercase}
.iv{background:var(--sf2);color:var(--ink2)}.nov{background:var(--acc);color:var(--acc-ink)}
.detalji{padding:4px 16px 14px;border-top:1px solid var(--line)}
.izv .detalji .tekst{font-size:1rem;line-height:1.6;max-width:72ch}
.linkovi{list-style:none;margin:.6em 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.linkovi a{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r2);color:var(--ink)}.linkovi a:hover{background:var(--sf2);text-decoration:none}
.ln{font-weight:650;overflow-wrap:anywhere}.ld{color:var(--ink3);font-size:.82rem;overflow-wrap:anywhere}
.izv-novo{color:var(--acc);font-size:.85rem;font-weight:600}.starije{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.9rem;margin-left:8px}
.ranije>summary,.prosle>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--acc);font-weight:600;font-size:.92rem}
.cilj{margin-bottom:8px}
/* projekt */
.vrh{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-bottom:4px}
.natrag{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.92rem}
.proj{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px 28px;align-items:start}
.proj>.f-ceka{grid-column:1;grid-row:1}.proj-bok{grid-column:2;grid-row:1/span 4;min-width:0}
.proj>.f-izvjestaji,.proj>.f-prije,.proj>.f-poslije{grid-column:1}
.faza:empty{display:none}.faza>h2{margin:24px 0 12px;font-size:1.15rem}.f-ceka>h2{margin-top:8px}.proj-bok .faza>h2{font-size:1rem}
.proj-bok .faza:first-child>h2{margin-top:8px}
/* odluka: potpisni list */
.ceka{background:var(--sf);border:1px solid var(--line);border-radius:var(--r4);margin:0 0 20px;scroll-margin-top:80px;overflow:hidden;box-shadow:var(--sjena)}
.ceka.k-prod{box-shadow:inset 0 4px 0 var(--prod),var(--sjena)}.ceka.rijesena{box-shadow:inset 0 4px 0 var(--da),var(--sjena)}
.ceka:target,.stavka:target,.skupa>details:target{box-shadow:0 0 0 3px var(--acc-sf),var(--sjena)}
.list-vrh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 60px 12px 24px;border-bottom:1px solid var(--line)}.list-vrh .km{margin:0}
.ceka>h3{padding:20px 24px 0;font-size:1.6rem;line-height:1.25;font-weight:700;letter-spacing:-.015em}
.glagol{font-weight:450;color:var(--ink3)}
.agent-pise{margin:14px 24px 0;padding:2px 0 2px 16px;border-left:3px solid var(--line2)}
.agent-pise .t-cap,.cinj dt,.t-cap{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.agent-pise .tekst{margin:2px 0 0}
.cinj{margin:18px 0 0;border-top:1px solid var(--line)}
.cinj-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 20px;padding:14px 24px;border-bottom:1px solid var(--line)}.cinj-r:last-child{border-bottom:0}
.cinj dt{padding-top:3px}.cinj dt small{display:block;font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;margin-top:2px}.cinj dd{min-width:0}
ol.naredbe{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r2);background:var(--sf2);overflow:hidden;counter-reset:n}
ol.naredbe li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:9px 14px;border-top:1px solid var(--line);counter-increment:n}ol.naredbe li:first-child{border-top:0}
ol.naredbe li::before{content:counter(n);font:600 .82rem/1.65 var(--mono);color:var(--ink3);text-align:right}
ol.naredbe.povrat li::before{content:"↶"}
.naredbe code{font:500 .88rem/1.65 var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:isolate;direction:ltr;display:block;padding-left:2ch;text-indent:-2ch}
.nakon-dio .km{margin-top:0}.nakon{margin:.3em 0 0;padding-left:1.4em}.nakon li{margin:.2em 0;overflow-wrap:anywhere}
.razina{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.razina .km{margin:0}
/* forma odluke: opcije, pitanja, potpisna zona */
form.odluci{margin:0}
.opc-uputa{display:flex;align-items:center;gap:8px;margin:16px 24px 0;padding:9px 12px;border-radius:var(--r2);background:var(--sf2);font-size:.9rem;font-weight:600;color:var(--ink2)}
form.odluci>.opcije{margin:10px 24px 0}
.opcije{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}
button.opcija{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;text-align:left;padding:12px 14px;min-height:56px;font-weight:600;font-size:1rem;line-height:1.35;border-radius:12px;border:1px solid var(--line2)}
.opcija:hover{border-color:var(--ink3)}.opcija .ot{flex:1 1 10em;min-width:0;overflow-wrap:anywhere}
.opcija .ok{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--line2);font-size:.8rem;color:var(--ink3)}
.opcija.preporucena{border-style:dashed;border-color:var(--prep-line)}
.prep{flex:none;margin-left:auto;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--prep);background:var(--prep-sf);border:1px dashed var(--prep-line);white-space:nowrap}
fieldset.pitanje{border:0;border-top:1px solid var(--line);margin:0;padding:18px 24px 16px;min-width:0}fieldset.pitanje:first-of-type{margin-top:14px}
fieldset.pitanje legend{padding:0;float:left;width:100%;margin-bottom:6px}fieldset.pitanje legend+*{clear:left}
.oznaka{display:inline-flex;align-items:center;min-height:22px;border-radius:var(--r1);padding:0 8px;background:var(--acc-sf);color:var(--acc);font-weight:700;font-size:.8rem;margin-right:6px}
.pt{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:650;font-size:1.05rem;margin:2px 0 0}
.opc .oo{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink3);font-size:.9rem;margin:4px 2px 0}
pre.pregled{font:.82rem/1.5 var(--mono);white-space:pre;overflow-x:auto;max-width:100%;max-height:22em;background:var(--sf2);border:1px solid var(--line);border-radius:var(--r1);padding:8px 10px;margin:6px 0 0}
button.izb[aria-pressed="true"]{border:2px solid var(--acc);background:var(--acc-sf);padding:11px 13px}
button.izb[aria-pressed="true"] .ok{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}button.izb[aria-pressed="true"] .ok::after{content:" ✓"}
div.opcija{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r2)}
.potpis-zona{margin:18px 0 0;padding:20px 24px 22px;background:var(--potpis-sf);border-top:2px solid var(--ink)}
.potpis-zag{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.potpis-sto{font-size:1.06rem;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.potpis-sto .glagol{font-weight:500}
.potpis-izbor{display:block;font-weight:500;color:var(--ink2);font-size:.95rem;margin-top:2px}
.potpis-cime{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--sf);border:1px solid var(--line);font-size:.9rem;line-height:1.45}
.potpis-cime.kljucna{border:2px solid var(--yk)}.potpis-cime .ik{margin-top:1px}
p.potpis{font-size:.8rem;color:var(--ink3);margin:10px 0 0}
.gumbi{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0}.gumbi>button{min-height:52px;padding:0 20px;font-size:1rem;border-radius:12px}
.gumbi .da{min-width:220px}.gumbi [data-akcija="napisi"]{margin-left:auto}
.odgovor{margin-top:12px}.odgovor>button{margin-top:8px}
.poruka{min-height:1.5em;line-height:1.5;font-weight:600;margin:.6em 0 0}
.poruka.odbrojava{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px;border:2px solid var(--da);border-radius:12px;background:var(--sf)}
.poruka.odbrojava button{min-height:44px;margin-left:auto}
.rijeseno{padding:20px 24px 22px;background:var(--st-gotovo-sf);border-top:2px solid var(--da)}
.rs{font-weight:700;font-size:1.1rem;margin:0 0 .4em}.rs-odobreno{color:var(--st-gotovo)}.rs-odbijeno{color:var(--ne)}.rs-odgovor{color:var(--acc)}
.sljedeca{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;margin-top:10px;border-radius:12px;background:var(--acc);color:var(--acc-ink);font-weight:650}.sljedeca:hover{text-decoration:none;filter:brightness(1.08)}
.ceka.nije-vise{opacity:.6}.ceka.nije-vise .poruka{color:var(--ne)}
body.osvjezeno form.odluci button[data-odluka],body.osvjezeno form.odluci button.izb{opacity:.5;pointer-events:none}
.sz>.ceka>.list-vrh{padding-right:60px}.sz>.ceka+.zvj{position:absolute;top:8px;right:8px;margin:0}
/* riješene, poslije, sesije, planovi, gotovo */
.stavka{display:block;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);margin:0 0 8px;scroll-margin-top:80px;flex:1;min-width:0}
div.stavka{padding:12px 16px}div.stavka.skupa{padding:0}
.stavka>summary,.skupa>details>summary{display:block;list-style:none;cursor:pointer;padding:12px 16px;min-height:44px}
.stavka>summary::-webkit-details-marker,.skupa>details>summary::-webkit-details-marker{display:none}
.skupa>.nakon-dio{padding:0 16px 12px}.stavka .km{display:block}.sz>.stavka,.sz>.skupa{margin:0 0 8px}
.prosle{margin-top:8px}.prosle>summary{width:100%;justify-content:space-between;padding:0 18px;min-height:56px;border:1px dashed var(--line2);border-radius:var(--r3);color:var(--ink2)}.prosle[open]>summary{margin-bottom:10px}
.sesije{list-style:none;margin:0;padding:0;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.ses{padding:12px 16px;border-top:1px solid var(--line)}.ses:first-child{border-top:0}.ses>.sn{display:inline;font-weight:650}.ses .km{display:block}
.plan{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);padding:10px 16px 12px;margin:0 0 8px}
.sljedece{margin:.3em 0;padding-left:1.4em}.sljedece li{margin:.2em 0;overflow-wrap:anywhere}
.zadaci{list-style:none;margin:.3em 0 0;padding:0}.zadaci li{display:grid;grid-template-columns:1.6em minmax(0,1fr);padding:2px 0;overflow-wrap:anywhere;font-size:.92rem}
.zo{text-align:center}.z-gotovo{color:var(--ink3)}.z-gotovo .zo{color:var(--st-gotovo)}.z-radi{font-weight:650}.z-radi .zo{color:var(--st-radi)}
.redovi{list-style:none;margin:0 0 8px;padding:0 16px;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3)}
.redovi li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;padding:10px 0;border-top:1px solid var(--line)}.redovi li:first-child{border-top:0}
.redovi time{color:var(--ink3);font-size:.84rem;white-space:nowrap;padding-top:.1em}
.rt{overflow-wrap:anywhere;font-size:.95rem}.rod{display:block;color:var(--ink3);font-size:.8rem}
/* log i ključevi */
.tablica{overflow-x:auto;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);margin:12px 0 20px}
table{border-collapse:collapse;width:100%}
td,th{border-top:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top;font-size:.9rem;overflow-wrap:anywhere}
tr:first-child>td,tr:first-child>th{border-top:0}th{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.log td:nth-child(1){width:56px;text-align:right;color:var(--ink3);font-family:var(--mono);font-size:.8rem;white-space:nowrap}
.log td:nth-child(2){width:150px;white-space:nowrap;color:var(--ink2);font-size:.84rem}.log td:nth-child(3){width:120px;white-space:nowrap}
.vrsta{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r1);background:var(--sf2);color:var(--ink2);font-size:.75rem;font-weight:700}
.kljucevi td:nth-child(4),.kljucevi td:nth-child(5){white-space:nowrap}.kljucevi td:nth-child(3){font:500 .8rem/1.6 var(--mono)}
/* prijelaz na novu adresu: napomena iznad sadržaja stranice (skriva je „Skrij” u tom browseru) */
.adresa-okvir{max-width:1400px;margin:0 auto;padding:16px 28px 0}
.adresa{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--acc);border-radius:var(--r2);background:var(--acc-sf);color:var(--ink);font-size:.92rem}
.adresa .ik{color:var(--acc);margin-top:2px}.adresa p{flex:1;min-width:0;overflow-wrap:anywhere}.adresa button{flex:none;min-width:44px;margin:-10px -6px -10px 0}
.otisak{font:600 1.1rem var(--mono);letter-spacing:.04em;overflow-wrap:anywhere;margin:.6em 0}
.otisak-mali{font:500 .8rem/1.6 var(--mono);overflow-wrap:anywhere;word-spacing:2px}
.kvacica{display:flex;gap:12px;align-items:flex-start;color:var(--ink);margin:18px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sf2);font-size:.92rem}
.kvacica input{display:inline-block;width:22px;height:22px;margin:1px 0 0;flex:none}
.usko button.da{width:100%;min-height:52px;font-size:1rem}
/* traka „Nova odluka” i donja navigacija (mobitel) */
button.novo.mirno{opacity:.6;pointer-events:none}
button.novo{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;background:var(--acc);border-color:var(--acc);color:var(--acc-ink);box-shadow:0 4px 16px rgba(0,0,0,.25);max-width:calc(100% - 32px)}
.tabbar{display:none}
@media (max-width:1099px){
.zaglavlje{padding:6px 20px;gap:4px 12px}.okvir{padding:20px 20px 56px}.ot-kid{display:none}
.ot-zag,.red-odl{grid-template-columns:60px minmax(0,1fr) 120px 150px}.ot-c-ceka,.ro-c{display:none}.ro-u{display:inline}
.pl a,.pl-zag{grid-template-columns:minmax(110px,1fr) minmax(170px,1.3fr) 56px minmax(150px,1.2fr) minmax(170px,1.6fr)}.pk,.pl-zag span:nth-child(6){display:none}
.proj{grid-template-columns:minmax(0,1fr)}.proj-bok{grid-column:1;grid-row:auto}
.sazetak{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
.ot-zag,.pl-zag{display:none}.red-odl{grid-template-columns:52px minmax(0,1fr)}.ro-p,.ro-r{display:none}.red-odl .ro-u2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.pl a{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}.pi{grid-column:1}.pz{grid-column:1;grid-row:2}.pb{grid-column:2;grid-row:1/span 2}.pd,.pg{display:none}}
@media (max-width:699px){
body{padding-bottom:76px}.zaglavlje{padding:4px 12px 6px 16px;min-height:56px}.nav{display:none}
.ovlast-traka{margin-left:0;flex-basis:100%;font-size:.82rem}.ovlast-traka button{min-height:44px}.ot-dugo{display:none}
.okvir{padding:16px 16px 32px}.adresa-okvir{padding:12px 16px 0}h1{font-size:1.45rem}h2{font-size:1.12rem}
.sazetak{margin-bottom:20px}.saz{padding:10px 12px;gap:9px;min-height:58px}.saz b{font-size:1.3rem}.saz span{font-size:.8rem}
.red-odl{grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:12px 4px 12px 14px}.zvj{margin-right:4px}
.ceka{border-radius:16px;margin:0 -6px 16px}.list-vrh{padding:10px 56px 10px 16px}.ceka>h3{padding:16px 16px 0;font-size:1.3rem}
.agent-pise{margin:12px 16px 0}.cinj-r{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 16px}
ol.naredbe li{padding:8px 10px;gap:8px;grid-template-columns:16px minmax(0,1fr)}.naredbe code{font-size:.84rem}
.opc-uputa{margin:14px 16px 0}form.odluci>.opcije{margin:10px 16px 0}fieldset.pitanje{padding:16px}
.potpis-zona{padding:18px 16px 20px}.gumbi{flex-direction:column;align-items:stretch;gap:8px}.gumbi>button{width:100%}.gumbi .da{min-width:0}.gumbi [data-akcija="napisi"]{margin-left:0}
.rijeseno{padding:18px 16px 20px}.izv>details>summary{grid-template-columns:48px minmax(0,1fr);padding:12px 4px 12px 14px}
.log td:nth-child(2){width:auto;white-space:normal}.log td,.log th{padding:8px 10px}
.usko{margin:16px;padding:24px 20px}
.tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--sf);border-top:1px solid var(--line);padding:4px 4px calc(6px + env(safe-area-inset-bottom))}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:12px;color:var(--ink3);font-size:.72rem;font-weight:650}
.tabbar a:hover{text-decoration:none}.tabbar a[aria-current="page"]{color:var(--acc)}.tabbar .ik{width:22px;height:22px}
button.novo{bottom:calc(84px + env(safe-area-inset-bottom))}}