:root{--crvena: #a6192e;--crvena-tamna: #8e1527;--crvena-tekst: #ff4d5e;--crvena-meka: #3d1c22;--grafit: #f7f2ee;--tekst: #ddd6d2;--siva: #a89d99;--linija: #362e2f;--linija-jaka: #4b4142;--podloga: #141112;--polje: #1d191a;--povisena: #272122;--inverz: #141112;--zelena: #4fc08a;--zelena-svetla: #16301f;--narandzasta: #ff9a4d;--narandzasta-svetla: #3a2314;--font: "Barlow", system-ui, sans-serif;--font-uski: "Barlow Condensed", "Barlow", system-ui, sans-serif;--dno: calc(64px + env(safe-area-inset-bottom)) ;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--podloga);color:var(--tekst);font-family:var(--font);font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--crvena-tekst);outline-offset:2px}.ljuska{max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:var(--dno)}.vrh{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 20px 10px}.vrh-ime{font-family:var(--font-uski);font-weight:700;font-size:20px;letter-spacing:.02em;color:var(--grafit)}.vrh-ko{margin-left:auto;font-size:14px;color:var(--siva)}.vrh-ko+.bez-mreze{margin-left:12px}.bez-mreze{margin-left:auto;font-size:14px;font-weight:600;color:var(--narandzasta)}.znak{display:inline-block;width:22px;height:22px;background:var(--crvena);border-radius:4px;position:relative;flex:none}.znak:after{content:"";position:absolute;inset:5px;border:2.5px solid #fff;border-radius:50%}.znak.veliki{width:56px;height:56px;border-radius:10px}.znak.veliki:after{inset:13px;border-width:5px}.sadrzaj{padding:4px 20px 24px}.traka{display:flex;align-items:center;gap:10px;margin:0 20px 10px;padding:10px 8px 10px 14px;border:1px solid var(--linija);border-left:4px solid var(--crvena);border-radius:10px;background:var(--polje)}.traka-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;font-size:14px;color:var(--siva)}.traka-tekst strong{color:var(--grafit);font-size:15px}.traka-dugme{flex:none;padding:8px 14px;border:0;border-radius:8px;background:var(--crvena);color:#fff;font-weight:700;font-size:15px}.traka-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--siva)}.dno{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:var(--podloga);border-top:1px solid var(--linija);padding-bottom:env(safe-area-inset-bottom)}.dno button{flex:1;max-width:160px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:13px;font-weight:600;color:var(--siva)}.dno button.aktivno{color:var(--crvena-tekst)}.dugme{display:block;width:100%;border:0;border-radius:10px;padding:15px 18px;font-weight:700;font-size:18px;cursor:pointer}.dugme:disabled{opacity:.6;cursor:progress}.dugme.glavno{background:var(--crvena);color:#fff}.dugme.glavno:active:not(:disabled){background:var(--crvena-tamna)}.dugme.sporedno{background:var(--polje);color:var(--grafit);margin-top:28px}.poruka{margin:14px 0 0;padding:12px 14px;border-radius:8px;font-size:16px}.poruka.greska{background:var(--crvena-meka);color:var(--crvena-tekst)}.poruka.upozorenje{background:var(--narandzasta-svetla);color:var(--narandzasta)}.link{display:block;margin:18px auto 0;border:0;background:none;color:var(--grafit);text-decoration:underline;text-underline-offset:3px;font-size:16px}.prijava{max-width:400px;margin:0 auto;min-height:100dvh;padding:calc(48px + env(safe-area-inset-top)) 24px 32px}.prijava-naslov{margin:18px 0 4px;font-family:var(--font-uski);font-size:40px;line-height:1;letter-spacing:.02em}.prijava-plot{display:block;font-size:28px;font-weight:600;color:var(--crvena-tekst);margin-top:6px}.prijava-pomoc{margin:26px 0 0;font-size:14px;color:var(--siva)}.prijava-pod{margin:0 0 26px;color:var(--siva);max-width:32ch}.forma label{display:block;margin-bottom:14px;font-size:15px;font-weight:600}.forma input{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1.5px solid var(--linija-jaka);border-radius:8px;background:var(--povisena);font-size:18px;font-weight:500}.forma input:focus{border-color:var(--grafit);outline:none}.forma .dugme{margin-top:20px}.napomena{margin:10px 0 0;text-align:center;font-size:14px;color:var(--siva)}.naslov{color:var(--grafit);margin:4px 0 16px;font-family:var(--font-uski);font-size:34px;line-height:1}.prazno-tekst{color:var(--siva)}.podaci{margin:0 0 8px}.podaci div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linija)}.podaci dt{color:var(--siva)}.podaci dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.blok{margin-top:22px}.blok h2{margin:0 0 6px;font-size:18px}.blok p{margin:0;color:var(--siva)}.filteri{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto}.filteri button{flex:none;padding:8px 14px;border:1.5px solid var(--linija);border-radius:999px;background:var(--povisena);font-size:15px;font-weight:600;color:var(--siva)}.filteri button.aktivan{border-color:var(--grafit);background:var(--grafit);color:var(--inverz)}.grupa{margin-bottom:20px}.grupa-naslov{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--siva)}.kartice{list-style:none;margin:0;padding:0;border-top:1px solid var(--linija)}.zadatak-red,.plan-red{display:flex;align-items:stretch;gap:12px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--linija);background:none;text-align:left;cursor:pointer}.status-traka{flex:none;width:5px;border-radius:3px;background:var(--linija)}.zadatak-red.u-radu .status-traka{background:var(--narandzasta)}.zadatak-red.zavrsen .status-traka{background:var(--zelena)}.zadatak-telo,.plan-telo{display:flex;flex-direction:column;gap:4px;min-width:0}.zadatak-naslov{color:var(--grafit);font-weight:600;line-height:1.3}.zadatak-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--siva)}.kasni{color:var(--crvena-tekst);font-weight:600}.nazad-tekst{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px -4px;padding:6px 4px;border:0;background:none;font-weight:600;color:var(--siva)}.zadatak-mesto{margin:0;color:var(--siva);font-weight:500}.zadatak-h{color:var(--grafit);margin:4px 0 6px;font-family:var(--font-uski);font-size:30px;line-height:1.05}.zadatak-rok{margin:0 0 14px;font-weight:600}.zadatak-opis{margin:0 0 16px;max-width:60ch}.na-planu{display:flex;align-items:center;gap:10px;width:100%;padding:13px 14px;border:1.5px solid var(--grafit);border-radius:10px;background:var(--povisena);font-weight:700;font-size:17px;margin-bottom:8px}.podnaslov{margin:22px 0 8px;font-size:18px}.stavke{list-style:none;margin:0;padding:0}.stavke label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--linija)}.stavke input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--zelena)}.stavke label.gotovo span{color:var(--siva)}.fotke{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fotke img,.dodaj-foto{aspect-ratio:1;width:100%;border-radius:8px;object-fit:cover}.dodaj-foto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--linija-jaka);color:var(--siva);font-size:14px;font-weight:600;cursor:pointer}.dodaj-foto input{position:absolute;width:1px;height:1px;opacity:0}.zadatak-akcija{margin-top:26px}.plan-slika{flex:none;width:84px;height:56px;border:1px solid var(--linija-jaka);border-radius:6px;background:#fff center / cover no-repeat;filter:invert(.9) hue-rotate(180deg)}.plan{position:fixed;inset:0;background:var(--podloga)}.plan-vrh{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:4px;padding:calc(6px + env(safe-area-inset-top)) 8px 6px 4px;background:linear-gradient(#141112eb,#141112bf 70%,#14111200);pointer-events:none}.plan-vrh>*{pointer-events:auto}.nazad{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--grafit);text-decoration:none}.nazad.aktivan{background:var(--crvena);color:#fff}.plan-naslov{display:flex;flex:1;flex-direction:column;min-width:0}.plan-naslov strong{font-size:15px;line-height:1.2;color:var(--grafit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-naslov span{font-size:11px;color:var(--siva);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-vrh .stampaj,.plan-vrh .preuzmi{color:var(--crvena-tekst)}.platno{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}.platno.alat-meri{cursor:crosshair}.platno .crtez{filter:invert(.9) hue-rotate(180deg)}.iglica circle:first-child{fill:var(--crvena);stroke:#fff;stroke-width:3}.iglica.u-radu circle:first-child{fill:var(--narandzasta)}.iglica.zavrsen circle:first-child{fill:var(--zelena)}.iglica .iglica-centar{fill:#fff}.iglica.istaknuta circle:first-child{stroke:var(--grafit);stroke-width:4}.trasa{fill:none;stroke:#ffb020;stroke-linejoin:round;stroke-linecap:round}.trasa-tacka{fill:#141112;stroke:#ffb020}.trasa-oznaka{fill:#ffb020;font-family:var(--font);font-weight:700;text-anchor:middle;dominant-baseline:middle;stroke:#141112;paint-order:stroke}.listovi{position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;display:flex;gap:6px;padding:0 12px;overflow-x:auto;scrollbar-width:none}.listovi button{flex:none;padding:7px 14px;border:1.5px solid var(--linija-jaka);border-radius:999px;background:#272122e6;font-size:14px;font-weight:600;color:var(--tekst)}.listovi button.aktivan{border-color:var(--grafit);background:var(--grafit);color:var(--inverz)}.zum{position:absolute;right:12px;top:calc(64px + env(safe-area-inset-top));z-index:2;display:flex;flex-direction:column;border:1px solid var(--linija-jaka);border-radius:10px;overflow:hidden;background:#272122e6}.zum button{width:44px;height:44px;border:0;background:none;font-size:24px;font-weight:500;color:var(--grafit)}.zum button+button{border-top:1px solid var(--linija-jaka)}.merenje-traka{position:absolute;left:12px;right:12px;bottom:calc(56px + env(safe-area-inset-bottom));z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px;border:1px solid var(--linija-jaka);border-radius:12px;background:#272122f0}.merenje-broj{display:block;font-family:var(--font-uski);font-size:34px;font-weight:600;line-height:1;color:var(--grafit);font-variant-numeric:tabular-nums}.merenje-pod{display:block;margin-top:4px;font-size:13px;color:var(--siva)}.merenje-dugmad{display:flex;flex-direction:column;gap:6px}.merenje-dugmad button{padding:7px 12px;border:1.5px solid var(--linija-jaka);border-radius:8px;background:var(--povisena);font-size:14px;font-weight:600;color:var(--grafit)}.merenje-dugmad button:disabled{opacity:.45}.link-mali{border:0;background:none;padding:0;font-size:13px;color:var(--grafit);text-decoration:underline}.dno button{font-size:12px}.planovi-zadatka{margin-bottom:4px}.materijali{list-style:none;margin:0;padding:0;border-top:1px solid var(--linija)}.materijali li{border-bottom:1px solid var(--linija)}.materijal-red{display:flex;align-items:center;gap:12px;min-height:52px}.materijal-naziv{flex:1;font-weight:600}.materijal-zbir{font-family:var(--font-uski);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.materijal-zbir.nula{color:var(--siva)}.materijal-dodaj{width:40px;height:40px;border:1.5px solid var(--grafit);border-radius:10px;background:var(--povisena);font-size:24px;line-height:1}.materijal-dodaj[aria-expanded=true]{background:var(--grafit);color:var(--inverz)}.materijal-unos{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:0 0 12px}.materijal-unos label{flex:1;font-size:14px;font-weight:600}.materijal-unos input{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1.5px solid var(--linija-jaka);border-radius:8px;font-size:20px}.materijal-unos .dugme{width:auto;padding:12px 18px}.materijal-unos .poruka{flex-basis:100%;margin:0}.utrosak>.link-mali{margin-top:10px}.upisi{list-style:none;margin:8px 0 0;padding:0;font-size:14px}.upisi li{display:flex;flex-wrap:wrap;gap:2px 10px;padding:6px 0;border-bottom:1px dashed var(--linija);color:var(--siva)}.upis-kolicina{color:var(--grafit);font-weight:600}.zadatak-red.blokiran .status-traka{background:repeating-linear-gradient(45deg,var(--linija-jaka) 0 3px,var(--podloga) 3px 6px)}.zadatak-red.blokiran .zadatak-naslov{color:var(--siva)}.stampa{display:none}@media print{body *{visibility:hidden}.stampa,.stampa *{visibility:visible}.stampa{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;background:var(--povisena)}.stampa img{max-width:100%;max-height:100%;width:auto;height:auto}}.zgrada{margin-bottom:26px}.zgrada-naslov{margin:8px 0 10px;font-family:var(--font-uski);font-size:24px;line-height:1;color:var(--grafit)}.grupa-naslov{font-size:15px}.zadatak-red.hodnik .zadatak-naslov:before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;border:1.5px solid var(--siva);border-radius:2px;vertical-align:middle}.podzadaci{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.podzadatak{padding:12px 14px;border:1px solid var(--linija);border-left:4px solid var(--linija-jaka);border-radius:10px;background:var(--polje)}.podzadatak.u-radu{border-left-color:var(--narandzasta)}.podzadatak.zavrsen{border-left-color:var(--zelena)}.podzadatak.blokiran{border-left-style:dashed}.podzadatak-vrh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.podzadatak-naslov{margin:0;font-size:18px;color:var(--grafit)}.znacka{flex:none;font-size:13px;font-weight:600;color:var(--siva);white-space:nowrap}.podzadatak.u-radu .znacka{color:var(--narandzasta)}.podzadatak.zavrsen .znacka{color:var(--zelena)}.podzadatak-opis{margin:4px 0 0;font-size:15px;color:var(--siva)}.podzadatak .stavke{margin-top:6px}.podzadatak-akcija{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.podzadatak-akcija .poruka{flex-basis:100%;margin:0}.dugme.malo{width:auto;padding:10px 16px;font-size:16px;margin-top:0}.napomena.levo{margin:0;text-align:left;flex-basis:100%}.podzadatak-period{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--zelena)}.faze{display:inline-flex;align-items:center;gap:6px;margin-right:2px}.faza{width:12px;height:12px;border-radius:50%;border:2px solid var(--siva);background:transparent;box-sizing:border-box}.faza.u-radu{border-color:var(--narandzasta);background:var(--narandzasta)}.faza.zavrsen{border-color:var(--zelena);background:var(--zelena)}.faza.blokiran{border-style:dashed;opacity:.7}.faza.tudje{border-color:var(--linija-jaka);background:var(--linija-jaka)}.faze.velike{gap:8px;margin-right:10px;vertical-align:-1px}.faze.velike .faza{width:14px;height:14px}.faza-tekst{font-weight:600;color:var(--grafit)}.faza-tekst.u-radu{color:var(--narandzasta)}.faza-tekst.zavrsen{color:var(--zelena)}.podzadatak.tudje{opacity:.6;border-left-color:var(--linija-jaka)}.zadatak-meta .faze+span{margin-left:-6px}.zadatak-red .zadatak-meta{flex-direction:column;align-items:flex-start;gap:4px}.meta-red{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.zadatak-red .faza-tekst{font-size:15px}.materijal-napomena{display:block;font-size:12px;font-weight:500;color:var(--siva)}.period{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period label{font-size:14px;font-weight:600}.period input{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid var(--linija-jaka);border-radius:8px;background:var(--povisena);font-size:16px;color-scheme:dark}.izvestaj-pod{margin:10px 0 14px;font-size:14px;color:var(--siva)}.izvestaj-red{width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer}.izvestaj-red .materijal-naziv{color:var(--grafit)}.razrada{margin-bottom:8px}.izvestaj .dugme.sporedno{margin-top:22px}.stavka{margin-bottom:22px}.stavka-naslov{margin:0 0 6px;font-family:var(--font-uski);font-size:22px;line-height:1;color:var(--grafit)}.otkljucaj{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--linija);border-radius:10px;background:var(--polje)}.otkljucaj label{flex:1;min-width:180px;font-size:14px;font-weight:600}.otkljucaj input{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid var(--linija-jaka);border-radius:8px;background:var(--povisena);font-size:16px}.otkljucaj .poruka{flex-basis:100%;margin:0}.materijal-zbir .iznos{display:block;font-family:var(--font);font-size:13px;font-weight:600;color:var(--siva);text-align:right}.zbir-stavke{margin:8px 0 0;text-align:right;font-size:15px;color:var(--siva)}.zbir-stavke strong,.zbir-ukupno strong{color:var(--grafit)}.zbir-ukupno{margin:6px 0 0;padding-top:12px;border-top:2px solid var(--linija-jaka);text-align:right;font-size:17px}.zbir-ukupno small{display:block;font-size:13px;color:var(--siva)}.materijal-zbir.korekcija{font-size:18px;color:var(--crvena-tekst)}.situacije{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.situacije button{display:flex;flex-direction:column;gap:2px;flex:1 1 150px;min-width:0;padding:9px 10px;border:1.5px solid var(--linija);border-radius:10px;background:var(--polje);font-weight:700;font-size:15px;color:var(--grafit);text-align:left}.situacije button small{font-size:11px;font-weight:500;color:var(--siva);white-space:nowrap}.situacije button.aktivan{border-color:var(--crvena);background:var(--crvena-meka)}.rsd{margin-left:6px;font-size:13px;color:var(--siva)}.rsd-ukupno{display:block;font-size:15px;color:var(--siva)}.trasa-tacka circle{fill:#141112;stroke:#ffb020;stroke-width:2}.trasa-tacka .hvat{fill:transparent;stroke:none}.trasa-tacka.teme circle:not(.hvat){fill:#ffb020}.trasa-tacka path{stroke:#ffb020;stroke-width:1.5}.trasa-tacka.vucem circle:not(.hvat){stroke:#fff;stroke-width:3}.lupa{position:absolute;z-index:3;width:140px;height:140px;border-radius:50%;border:3px solid #ffb020;overflow:hidden;background:var(--podloga);box-shadow:0 6px 24px #0009;pointer-events:none}.lupa svg{width:100%;height:100%;display:block}.lupa .nisan path{stroke:#ffb020;stroke-width:1.5;fill:none}.lupa .nisan circle{fill:none;stroke:#ffb020;stroke-width:1.5}.merenje-traka{flex-direction:column;align-items:stretch}.merenje-red{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.rezim{display:flex;align-items:center;gap:6px;margin-bottom:8px}.rezim button{padding:6px 12px;border:1.5px solid var(--linija-jaka);border-radius:999px;background:none;font-size:13px;font-weight:600;color:var(--tekst)}.rezim button.aktivan{border-color:#ffb020;background:#ffb020;color:#141112}.lep-status{margin-left:auto;font-size:12px;color:var(--siva)}.dan{margin-bottom:22px}.dan-naslov{margin:0 0 6px;font-family:var(--font-uski);font-size:22px;line-height:1;color:var(--grafit)}.dan-naslov:first-letter{text-transform:uppercase}.dan-sazetak{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;padding:8px 12px;border-left:3px solid var(--crvena);border-radius:6px;background:var(--polje);font-size:14px;color:var(--siva)}.dan-sazetak strong{color:var(--grafit)}.dogadjaji{list-style:none;margin:0;padding:0}.dogadjaji li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--linija);font-size:15px}.dog-vreme{color:var(--siva);font-variant-numeric:tabular-nums}.dog-tekst small{display:block;font-size:12px;color:var(--siva)}.dogadjaji li.dog-utrosak-obrisan .dog-tekst,.dogadjaji li.dog-prijava .dog-tekst,.dogadjaji li.dog-odjava .dog-tekst{color:var(--siva)}