:root,:root[data-tema=svetla]{--poz: #f2f4f7;--povrs: #ffffff;--povrs-2: #f7f8fa;--povrs-3: #eef0f4;--ivica: #e3e6eb;--ivica-jaka: #cfd4dc;--tekst: #1a1f29;--prig: #6b7280;--akcenat: #f5a623;--akcenat-jak: #b45309;--akcenat-blag: #fff4e0;--na-akcentu: #1d1300;--zelena: #16a34a;--crvena: #dc2626;--plava: #2563eb;--zuta: #ca8a04;--uspeh-poz: #ecfdf3;--greska-poz: #fef2f2;--greska-ivica: #fca5a5;--upoz-poz: #fffbeb;--upoz-ivica: #fcd34d;--info-poz: #eff6ff;--info-ivica: #93c5fd;--info-tekst: #1e3a8a;--senka: 0 1px 2px #1018280d, 0 1px 3px #1018281a;--senka-jaka: 0 12px 32px #10182833;--pozadina-modala: #0f172a66;--r: 12px;--r-malo: 8px;color-scheme:light}:root[data-tema=tamna]{--poz: #0e1014;--povrs: #161a21;--povrs-2: #1d222b;--povrs-3: #262c37;--ivica: #2a303c;--ivica-jaka: #3a4252;--tekst: #e7e9ee;--prig: #8d95a5;--akcenat: #f5a623;--akcenat-jak: #f7b545;--akcenat-blag: #33240a;--na-akcentu: #1d1300;--zelena: #22c55e;--crvena: #ef4444;--plava: #3b82f6;--zuta: #eab308;--uspeh-poz: #0f2e1b;--greska-poz: #3b0d0d;--greska-ivica: #ef4444;--upoz-poz: #33260a;--upoz-ivica: #eab308;--info-poz: #0f2140;--info-ivica: #3b82f6;--info-tekst: #dbeafe;--senka: 0 1px 2px #0006;--senka-jaka: 0 14px 40px #000b;--pozadina-modala: #000a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--poz);color:var(--tekst)}body{font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body.ima-list{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--tekst)}h2{font-size:19px;margin:0}h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--prig);margin:20px 0 8px}.prig{color:var(--prig)}.centar{text-align:center}.bledo{opacity:.55}.prazno{color:var(--prig);text-align:center;padding:24px 8px}.greska-tekst{color:var(--crvena);font-size:14px}.nivo-tekst-dospelo{color:var(--crvena)}.nivo-tekst-uskoro{color:var(--zuta)}.nivo-tekst-ok{color:var(--zelena)}.dugme{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:var(--r-malo);border:1px solid var(--ivica-jaka);background:var(--povrs);font-weight:600}.dugme:disabled{opacity:.5;cursor:default}.dugme.malo{min-height:36px;padding:0 12px;font-size:14px}.dugme.puno{width:100%}.dugme.zeleno{background:var(--zelena);border-color:var(--zelena);color:#fff}.dugme.crveno{background:var(--crvena);border-color:var(--crvena);color:#fff}.ikona-dugme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;flex:none}.ikona-dugme:active{background:var(--povrs-3)}.polje{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.polje label{font-size:13px;color:var(--prig)}.polje input,.polje select,.polje textarea{min-height:46px;padding:0 12px;border:1px solid var(--ivica-jaka);border-radius:var(--r-malo);background:var(--povrs);font-size:16px}.polje input:focus,.polje select:focus{outline:2px solid var(--akcenat);outline-offset:-1px}.kvacica{display:inline-flex;align-items:center;gap:6px;font-size:14px}.kvacica input{width:18px;height:18px}.red-dugmad{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.red-dugmad .dugme{flex:1}.prijava{min-height:100dvh;display:grid;place-items:center;padding:16px}.prijava-kartica{width:100%;max-width:380px;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r);padding:24px 20px;box-shadow:var(--senka);display:flex;flex-direction:column;gap:4px}.prijava-kartica .dugme{margin:8px 0 10px}.logo-prijava{display:flex;align-items:center;gap:12px;margin-bottom:18px}.logo-prijava b{display:block;font-size:20px}.logo-prijava span{color:var(--prig);font-size:14px}.sajt{min-height:100dvh;display:flex;flex-direction:column}.traka{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--povrs);border-bottom:1px solid var(--ivica)}.traka-naslov{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}.traka-naslov small{color:var(--prig);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.veza{color:var(--crvena);display:inline-flex}.veza.ok{color:var(--zelena)}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.ekran{padding:12px 16px}.donja-traka{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--povrs);border-top:1px solid var(--ivica);padding-bottom:env(safe-area-inset-bottom)}.donja-traka button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border:0;background:none;color:var(--prig);font-size:12px}.donja-traka button.aktivno{color:var(--akcenat-jak);font-weight:600}.donja-traka .znacka{position:absolute;top:4px;left:calc(50% + 6px)}.znacka{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:var(--crvena);color:#fff;font-size:11px;font-weight:700}.baner{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:var(--r-malo);border:1px solid var(--ivica);background:var(--povrs-2);font-size:14px}.baner>span{flex:1}.baner.info{background:var(--info-poz);border-color:var(--info-ivica)}.baner.plavo{background:var(--info-poz);border-color:var(--info-ivica);color:var(--info-tekst)}.cipovi{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.cip{flex:none;min-height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--ivica-jaka);background:var(--povrs);font-size:14px;white-space:nowrap}.cip b{font-size:15px}.cip.crveno b{color:var(--crvena)}.cip.zuto b{color:var(--zuta)}.cip.plavo b{color:var(--plava)}.cip.aktivno{background:var(--akcenat-blag);border-color:var(--akcenat)}.pretraga{display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;margin-bottom:12px;border:1px solid var(--ivica-jaka);border-radius:var(--r-malo);background:var(--povrs);color:var(--prig)}.pretraga input{flex:1;min-height:44px;border:0;outline:0;background:transparent;font-size:16px}.vozila{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.kartica-vozila{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;background:var(--povrs);border:1px solid var(--ivica);border-left:4px solid var(--zelena);border-radius:var(--r);box-shadow:var(--senka)}.kartica-vozila:active{background:var(--povrs-2)}.kartica-vozila.nivo-dospelo{border-left-color:var(--crvena)}.kartica-vozila.nivo-uskoro{border-left-color:var(--zuta)}.kv-glava{display:flex;align-items:center;gap:8px}.kv-broj{font-size:18px;font-variant-numeric:tabular-nums}.kv-tablice{font-family:ui-monospace,Consolas,monospace;font-size:14px;color:var(--prig)}.kv-model{color:var(--prig);font-size:14px;display:flex;align-items:center;gap:8px}.kv-km{font-weight:600;font-variant-numeric:tabular-nums}.kv-stavka{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;font-size:14px}.kv-stavka .kv-opis{grid-column:1 / -1}.kv-stavka .traka{grid-column:2}.kv-dno{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.tacka{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.traka{display:block;height:8px;border-radius:4px;background:var(--povrs-3);overflow:hidden;min-width:80px}.traka>span{display:block;height:100%;border-radius:4px}.oznaka{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:2px 6px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.03em}.oznaka.plavo{background:var(--info-poz);color:var(--plava);border:1px solid var(--info-ivica)}.oznaka-tng{display:inline-flex;align-items:center;gap:2px;color:var(--plava);font-size:12px;font-weight:600}.karton-glava{display:flex;align-items:center;gap:6px;margin:-4px 0 12px -8px}.karton-glava>div{flex:1;min-width:0}.karton-glava h2{display:flex;align-items:center;gap:8px}.karton-km{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;display:flex;flex-direction:column}.karton-km small{font-weight:400;color:var(--prig);font-size:12px}.kartice{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 8px;padding:0 16px;border-bottom:1px solid var(--ivica)}.kartice button{flex:none;padding:10px 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--prig);font-weight:600}.kartice button.aktivno{color:var(--tekst);border-bottom-color:var(--akcenat)}.stavke{display:flex;flex-direction:column;gap:8px;margin:10px 0}.stavka{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.stavka.red{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.st-naslov{display:flex;align-items:center;gap:8px;font-weight:600}.st-opis{font-size:14px}.dugmad-desno{display:flex;flex:none}.servisi{display:flex;flex-direction:column;gap:10px}.servis{padding:10px 12px;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.sr-glava{display:flex;align-items:center;gap:10px}.sr-glava .ikona-dugme{margin-left:auto}.sr-glava .sr-cena{margin-left:auto;font-weight:600}.sr-glava .sr-cena+.ikona-dugme{margin-left:0}.sr-stavke{margin:6px 0;padding-left:18px}.slike{display:flex;gap:6px;margin-top:6px}.slike img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--ivica)}.naslov-red{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.prijave{display:flex;flex-direction:column;gap:10px}.prijava-red{padding:10px 12px;background:var(--povrs);border:1px solid var(--ivica);border-left:4px solid var(--crvena);border-radius:var(--r-malo);display:flex;flex-direction:column;gap:4px}.prijava-red.status-primljeno,.prijava-red.status-u_radu{border-left-color:var(--zuta)}.prijava-red.status-uradjeno{border-left-color:var(--zelena);opacity:.7}.prijava-red.status-odbijeno{border-left-color:var(--prig);opacity:.7}.pr-glava{display:flex;align-items:center;gap:8px}.pr-napomena{font-size:14px;color:var(--prig)}.status{margin-left:auto;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--povrs-3)}.status.status-novo{background:var(--greska-poz);color:var(--crvena)}.status.status-primljeno,.status.status-u_radu{background:var(--upoz-poz);color:var(--zuta)}.status.status-uradjeno{background:var(--uspeh-poz);color:var(--zelena)}.oznaka-vozila{border:0;border-radius:6px;padding:3px 8px;background:var(--akcenat);color:var(--na-akcentu);font-weight:800;font-variant-numeric:tabular-nums}.pr-dugmad{display:flex;gap:8px;justify-content:flex-end}.nalog{display:flex;flex-direction:column;gap:2px;padding:14px;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r);margin-bottom:14px}.nalog b{font-size:17px}.meni-lista{display:flex;flex-direction:column;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r);overflow:hidden}.meni-stavka{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;text-align:left;border:0;border-bottom:1px solid var(--ivica);background:none;font-size:15px}.meni-stavka:last-child{border-bottom:0}.meni-stavka.crveno{color:var(--crvena)}.list-pozadina{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--pozadina-modala);display:flex;align-items:flex-end;justify-content:center}.list{width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--povrs);border-radius:16px 16px 0 0;box-shadow:var(--senka-jaka);padding-bottom:env(safe-area-inset-bottom);animation:odozdo .18s ease-out}.list-glava{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 16px}.list-glava h3{margin:0;font-size:17px;text-transform:none;letter-spacing:0;color:var(--tekst)}.list-telo{overflow-y:auto;padding:8px 16px 16px}@keyframes odozdo{0%{transform:translateY(40px);opacity:0}}@media(min-width:700px){.list-pozadina{align-items:center}.list{border-radius:16px}}.obavestenja{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.obavestenje{pointer-events:auto;max-width:480px;width:100%;padding:12px 14px;border-radius:var(--r-malo);background:#1f2937;color:#fff;box-shadow:var(--senka-jaka);font-size:14px}.obavestenje.greska{background:var(--crvena)}.polje textarea{padding:10px 12px;min-height:80px;resize:vertical}.mreza-2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.sa-jedinicom{display:flex;align-items:stretch}.sa-jedinicom input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.sa-jedinicom span{display:grid;place-items:center;padding:0 10px;border:1px solid var(--ivica-jaka);border-left:0;border-radius:0 var(--r-malo) var(--r-malo) 0;background:var(--povrs-2);color:var(--prig);font-size:14px}.oznaka-polja{display:block;font-size:13px;color:var(--prig);margin-bottom:6px}.vrste{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.vrsta{min-height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--ivica-jaka);background:var(--povrs);font-size:14px}.vrsta.aktivno{background:var(--akcenat);border-color:var(--akcenat);color:var(--na-akcentu);font-weight:700}.stavke-forme{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.stavka-forme{border:1px solid var(--ivica);border-radius:var(--r-malo);background:var(--povrs-2)}.sf-glava{display:flex;align-items:center;gap:6px;padding:2px 2px 2px 12px}.sf-glava .prig{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-detalji{padding:4px 12px 0;border-top:1px solid var(--ivica)}.slike-forme{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.slika-mala{position:relative;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--ivica);border-radius:8px;background:var(--povrs-2);color:var(--prig)}.slika-mala img{width:100%;height:100%;object-fit:cover;border-radius:8px}.slika-mala button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--crvena);color:#fff}.ukupno{text-align:right;margin:4px 0 0}.red-dugmad.lepljivo{position:sticky;bottom:-16px;margin:8px -16px -16px;padding:10px 16px 16px;background:var(--povrs);border-top:1px solid var(--ivica)}.dugme.tiho{color:var(--prig)}.karton-akcije{margin-bottom:12px}.plutajuce{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:20;display:inline-flex;align-items:center;gap:6px;height:56px;padding:0 20px 0 16px;border:0;border-radius:28px;background:var(--akcenat);color:var(--na-akcentu);font-weight:800;font-size:16px;box-shadow:var(--senka-jaka)}.plutajuce:active{transform:scale(.97)}@media(min-width:1000px){.plutajuce{right:calc(50% - 464px)}}.segment{display:inline-flex;border:1px solid var(--ivica-jaka);border-radius:var(--r-malo);overflow:hidden}.segment button{border:0;background:var(--povrs);padding:6px 10px;font-size:13px}.segment button+button{border-left:1px solid var(--ivica-jaka)}.segment button.aktivno{background:var(--akcenat-blag);color:var(--akcenat-jak);font-weight:700}.segment.puno{display:flex;margin-bottom:12px}.segment.puno button{flex:1;padding:10px 6px;font-size:14px}.stavka.istaknuto{border-color:var(--akcenat);box-shadow:inset 3px 0 0 var(--akcenat)}.oznaka-mala{margin-left:4px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.03em;background:var(--akcenat-blag);color:var(--akcenat-jak)}.slika-pdf{width:64px;height:64px;display:grid;place-items:center;color:var(--prig);border:1px solid var(--ivica);border-radius:6px;background:var(--povrs-2)}.brojke{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.brojke>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.brojke small{color:var(--prig);font-size:12px}.brojke b{font-variant-numeric:tabular-nums;font-size:15px;overflow-wrap:anywhere}.grafikon{position:relative;margin:4px 0 6px;padding:8px 4px 0;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.grafikon svg{display:block;width:100%;height:auto;touch-action:pan-y}.g-mreza{stroke:var(--ivica);stroke-width:1}.g-osnova{stroke:var(--ivica-jaka);stroke-width:1}.g-osa{fill:var(--prig);font-size:12px;font-variant-numeric:tabular-nums}.g-linija{fill:none;stroke:var(--plava);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.g-krst{stroke:var(--ivica-jaka);stroke-width:1;stroke-dasharray:3 3}.g-tacka{fill:var(--plava);stroke:var(--povrs);stroke-width:2}.g-stubic{fill:var(--plava);opacity:.85}.g-stubic.aktivno{opacity:1}.g-oblak{position:absolute;top:4px;transform:translate(-50%);pointer-events:none;white-space:nowrap;display:flex;flex-direction:column;align-items:center;padding:4px 8px;font-size:13px;background:var(--povrs);color:var(--tekst);border:1px solid var(--ivica-jaka);border-radius:6px;box-shadow:var(--senka)}.g-oblak small{color:var(--prig);font-size:11px}.tabela{width:100%;border-collapse:collapse;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.tabela td{padding:8px 12px;border-top:1px solid var(--ivica)}.tabela tr:first-child td{border-top:0}.tabela .desno{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.uskoro{display:flex;flex-direction:column;gap:6px}.uskoro-red{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;background:var(--povrs);border:1px solid var(--ivica);border-radius:var(--r-malo)}.uskoro-red:active{background:var(--povrs-2)}.ur-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ur-tekst>span{display:flex;align-items:center;gap:6px}.ur-tablice{font-family:ui-monospace,Consolas,monospace;font-size:12px}@media(max-width:380px){.ur-tablice{display:none}}