:root{--boja-tekst:#1a1d21;--boja-pozadina:#f4f5f7;--boja-povrsina:#fff;--boja-rub:#d9dce1;--boja-primarna:#1f5c99;--boja-primarna-hover:#174a7d;--boja-greska:#b3261e;--boja-uspjeh:#1e7d32;--sidebar-sirina:260px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--boja-pozadina);color:var(--boja-tekst);margin:0}button{font-family:inherit}.prijava-ekran{background:var(--boja-povrsina);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.prijava-vizual{color:#eef3f9;background:radial-gradient(circle at 18% 22%,#ffffff12,#0000 42%),radial-gradient(circle at 82% 78%,#ffffff0d,#0000 46%),linear-gradient(160deg,#0f2d4d 0%,#123a63 55%,#0c2440 100%);flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.prijava-vizual:before{content:"";pointer-events:none;background-image:repeating-radial-gradient(circle at 15% 20%,#0000 0 38px,#ffffff09 39px 40px),repeating-radial-gradient(circle at 85% 75%,#0000 0 52px,#ffffff08 53px 54px);position:absolute;inset:-10%}.prijava-naslov{z-index:1;max-width:30rem;margin:auto 0;position:relative}.prijava-naslov p{margin:0;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:700;line-height:1.25}.prijava-podnozje{z-index:1;color:#93a9c4;font-size:.8rem;position:relative}.prijava-panel{justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.prijava-kartica{background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:12px;width:100%;max-width:380px;padding:2.5rem 2.25rem;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280f}.prijava-kartica-marka{display:none}.prijava-kartica h1{color:var(--boja-tekst);margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.prijava-kartica .prijava-podnaslov{color:#5a5f66;margin:0 0 1.75rem;font-size:.9rem}.prijava-forma{flex-direction:column;gap:.3rem;display:flex}.prijava-polje{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.prijava-polje label{color:var(--boja-tekst);font-size:.82rem;font-weight:600}.prijava-polje input{border:1px solid #7c8493;border-radius:6px;width:100%;padding:.65rem .75rem;font-size:1rem;transition:border-color .15s}.prijava-polje input:focus{border-color:var(--boja-primarna);outline:none;box-shadow:0 0 0 3px #1f5c991f}.prijava-polje-lozinka{position:relative}.prijava-polje-lozinka input{padding-right:2.5rem}.prijava-prikazi-lozinku{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.prijava-prikazi-lozinku:hover{color:var(--boja-tekst)}.prijava-kod-input{letter-spacing:.5em;font-variant-numeric:tabular-nums;text-align:center;font-size:1.15rem!important}.login-greska{color:var(--boja-greska);background:#b3261e12;border:1px solid #b3261e2e;border-radius:6px;margin:0 0 .9rem;padding:.6rem .75rem;font-size:.85rem}.prijava-info{color:#5a5f66;margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.prijava-email-maskiran{color:var(--boja-tekst);font-weight:600}.login-pomoc{color:#5a5f66;margin:.25rem 0 1rem;font-size:.8rem}.login-link{text-align:center;color:var(--boja-primarna);margin-top:.9rem;font-size:.87rem;text-decoration:none}.login-link:hover{text-decoration:underline}.prijava-akcije-sekundarne{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.prijava-akcije-sekundarne .btn--link{padding:.4rem 0}@media (width<=900px){.prijava-ekran{grid-template-columns:1fr}.prijava-vizual{display:none}.prijava-panel{padding:2.5rem 1.25rem}.prijava-kartica-marka{justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex}.prijava-kartica-logo{object-fit:contain;width:100%;max-width:100px;height:100px}}@media (width<=480px){.prijava-kartica{box-shadow:none;border:none;padding:2rem 1.5rem}.prijava-panel{padding:1.5rem 1rem}}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.55rem 1rem;font-size:.95rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primarni{background:var(--boja-primarna);color:#fff;margin-top:.5rem}.btn--primarni:hover:not(:disabled){background:var(--boja-primarna-hover)}.btn--sekundarni{background:var(--boja-povrsina);border-color:var(--boja-rub);color:var(--boja-tekst)}.btn--link{color:var(--boja-primarna);background:0 0;border:none;padding:.2rem 0;text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-sirina);color:#e6ebf1;background:#14202e;flex-shrink:0;padding:1rem 0;overflow-y:auto}.sidebar-naziv{padding:0 1rem 1rem;font-size:1.1rem;font-weight:700}.sidebar-grupa-naziv{width:100%;font:inherit;color:#cfd7e0;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:flex}.sidebar-grupa-naziv:hover{background:#ffffff0f}.sidebar-grupa-strelica{border-top:5px solid #8a97a8;border-left:4px solid #0000;border-right:4px solid #0000;flex-shrink:0;width:0;height:0;transition:transform .15s}.sidebar-grupa-naziv[aria-expanded=true] .sidebar-grupa-strelica{transform:rotate(180deg)}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar-link{color:#cfd7e0;padding:.4rem 1rem;font-size:.9rem;text-decoration:none;display:block}.sidebar-link:hover{background:#ffffff0f}.sidebar-link--aktivan{background:var(--boja-primarna);color:#fff}.app-shell-glavno{flex-direction:column;flex:1;min-width:0;display:flex}.header{background:var(--boja-povrsina);border-bottom:1px solid var(--boja-rub);justify-content:flex-end;padding:.6rem 1.5rem;display:flex}.header-desno{align-items:center;gap:.75rem;display:flex}.breadcrumbs{color:#5a5f66;padding:.6rem 1.5rem 0;font-size:.85rem}.breadcrumbs a{color:var(--boja-primarna);text-decoration:none}.app-shell-sadrzaj{flex:1;padding:1.5rem}.stanje-prikaza{text-align:center;max-width:480px;margin:3rem auto}.stanje-prikaza--greska h1{color:var(--boja-greska)}.spinner{border:3px solid var(--boja-rub);border-top-color:var(--boja-primarna);border-radius:50%;width:28px;height:28px;margin:0 auto .75rem;animation:.8s linear infinite spinner-vrtnja}@keyframes spinner-vrtnja{to{transform:rotate(360deg)}}.toast-spremnik{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#fff;background:#2c3440;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;box-shadow:0 2px 8px #0003}.toast--uspjeh{background:var(--boja-uspjeh)}.toast--greska{background:var(--boja-greska)}.dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--boja-povrsina);border-radius:8px;width:100%;max-width:400px;padding:1.5rem}.dialog-akcije{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.profil-podaci{grid-template-columns:auto 1fr;gap:.4rem 1rem;max-width:480px;display:grid}.profil-podaci dt{color:#5a5f66;font-weight:600}.profil-podaci dd{margin:0}.tabovi{border-bottom:1px solid var(--boja-rub);gap:.25rem;margin:1rem 0 1.25rem;display:flex}.tab{color:#5a5f66;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .9rem;font-size:.95rem;text-decoration:none}.tab:hover{color:var(--boja-tekst)}.tab--aktivan{color:var(--boja-primarna);border-bottom-color:var(--boja-primarna);font-weight:600}.tab-placeholder{color:#5a5f66}.pregled{flex-direction:column;gap:.75rem;display:flex}.tjedni-red{grid-template-columns:repeat(7,minmax(100px,1fr));gap:.75rem;display:grid}.dan-kartica{background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:8px;flex-direction:column;gap:.3rem;min-height:160px;padding:.5rem .6rem;display:flex}.dan-zaglavlje{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.dan-kratica{color:#5a5f66;font-size:.75rem;font-weight:600}.dan-datum{color:var(--boja-tekst);font-size:.85rem;font-weight:600}.dan-sadrzaj{flex:1}.dan-kartica--vikend{background:#b3261e0d}.dan-kartica--vikend .dan-kratica,.dan-kartica--vikend .dan-datum{color:var(--boja-greska)}.dan-kartica--danas{border:2px solid var(--boja-primarna)}.dan-oznaka-danas{color:var(--boja-primarna);font-size:.7rem;font-weight:600}.tablica-stanje{border-collapse:collapse;background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:8px;width:100%;overflow:hidden}.tablica-stanje th,.tablica-stanje td{text-align:left;border-bottom:1px solid var(--boja-rub);padding:.5rem .75rem;font-size:.9rem}.tablica-stanje th{background:var(--boja-pozadina);color:#5a5f66;font-weight:600}.tablica-stanje tbody tr:last-child td{border-bottom:none}.stanje-prazno{color:#5a5f66}.automobili-mreza{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=1400px){.automobili-mreza{grid-template-columns:repeat(2,1fr)}}.automobil-kartica{background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:8px;padding:1.25rem}.automobil-kartica-zaglavlje{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.automobil-slika{aspect-ratio:4/3;background:var(--boja-pozadina);border-radius:6px;flex-shrink:0;width:220px;overflow:hidden}.automobil-slika img{object-fit:cover;width:100%;height:100%;display:block}.automobil-slika--placeholder{color:#9aa1ab;justify-content:center;align-items:center;display:flex}.automobil-naziv{margin:0 0 .35rem;font-size:1.15rem}.registracija-znacka{letter-spacing:.03em;background:var(--boja-pozadina);border:1px solid var(--boja-rub);border-radius:4px;padding:.15rem .5rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;display:inline-block}.automobil-kratki-podaci{color:#5a5f66;margin:.5rem 0 0;font-size:.9rem}.automobil-kartica-detalji{border-top:1px solid var(--boja-rub);grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-bottom:1rem;padding-top:1rem;display:grid}@media (width<=900px){.automobil-kartica-detalji{grid-template-columns:1fr}.automobil-slika{width:100%;max-width:280px}}.kartica-podnaslov{text-transform:uppercase;letter-spacing:.03em;color:#5a5f66;margin:0 0 .35rem;font-size:.8rem}.chip-lista{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--boja-pozadina);border:1px solid var(--boja-rub);border-radius:999px;padding:.2rem .65rem;font-size:.85rem}.napomena-tekst{white-space:pre-line;margin:0 0 .35rem}.stanje-znacka{background:var(--boja-pozadina);border:1px solid var(--boja-rub);color:var(--boja-tekst);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.stanje-znacka--uredno{color:var(--boja-uspjeh);border-color:var(--boja-uspjeh)}.stanje-znacka--osteceno,.stanje-znacka--neispravno{color:var(--boja-greska);border-color:var(--boja-greska)}.stanje-opis{color:#5a5f66;margin:.35rem 0 0;font-size:.9rem}.ostecenja-sazetak ul{margin:0;padding-left:1.1rem}.stavke-pregled{margin:0;padding:0;font-size:.9rem;list-style:none}.izlaz-forma{border-top:1px solid var(--boja-rub);padding-top:1rem}.polje{flex-direction:column;gap:.3rem;max-width:420px;margin-bottom:.9rem;display:flex}.polje label{color:var(--boja-tekst);font-size:.82rem;font-weight:600}.polje input,.polje textarea,.combobox-polje input{background:var(--boja-povrsina);color:var(--boja-tekst);border:1px solid #7c8493;border-radius:4px;padding:.55rem .7rem;font-family:inherit;font-size:.95rem}.polje textarea{resize:vertical;min-height:4.5rem}.polje input:focus,.polje textarea:focus,.combobox-polje input:focus{border-color:var(--boja-primarna);outline:none;box-shadow:0 0 0 3px #1f5c991f}.polje-pomoc{color:#5a5f66;margin:0;font-size:.8rem}.polje-greska{color:var(--boja-greska);margin:0;font-size:.82rem}.polje-greska-blok{align-items:center;gap:.6rem;font-size:.9rem;display:flex}.banner-upozorenje{color:var(--boja-greska);margin:0;font-weight:600}.combobox{max-width:320px;position:relative}.combobox-polje{display:flex;position:relative}.combobox-polje input{width:100%;padding-right:2rem}.combobox-obrisi{cursor:pointer;color:#5a5f66;background:0 0;border:none;font-size:1.1rem;line-height:1;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.combobox-lista{z-index:20;background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:4px;max-height:220px;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.combobox-opcija{cursor:pointer;padding:.45rem .7rem;font-size:.9rem}.combobox-opcija:hover,.combobox-opcija--istaknuta{background:var(--boja-pozadina)}.combobox-prazno{color:#5a5f66;padding:.45rem .7rem;font-size:.9rem}.dialog--siri{max-width:560px}.potvrda-popis{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:1rem 0;display:grid}.potvrda-popis dt{color:#5a5f66;font-size:.85rem;font-weight:600}.potvrda-popis dd{margin:0}@media (width<=480px){.potvrda-popis{grid-template-columns:1fr;gap:.15rem 0}.potvrda-popis dt{margin-top:.5rem}.automobil-kartica{padding:1rem}.combobox,.polje{max-width:100%}}.povrat-kartica-omot{display:contents}@media (width>=1400px){.povrat-kartica-omot--rasireno{grid-column:1/-1;display:block}}.povrat-drzatelj{margin-top:.75rem}.povrat-radni-tok{border-top:1px solid var(--boja-rub);flex-direction:column;gap:1.25rem;margin-top:1rem;padding-top:1rem;display:flex}.povrat-korak h4{align-items:center;gap:.6rem;display:flex}.korak-status{color:#374151;background:#e5e7eb;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.korak-status--dovrseno{color:#166534;background:#dcfce7}.korak-status--potrebna-radnja{color:#991b1b;background:#fee2e2}.korak-status--u-tijeku{color:#92400e;background:#fef3c7}.polje-label{color:var(--boja-tekst);font-size:.82rem;font-weight:600}.stanje-izbor{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.stanje-izbor-kartica{cursor:pointer;border:1px solid #7c8493;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.85rem;font-weight:500;display:flex}.povrat-ostecenja{flex-direction:column;gap:1rem;display:flex}.povrat-ostecenje-forma{border-top:1px dashed var(--boja-rub);padding-top:.9rem}.povrat-slike-pregled{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.povrat-slike-pregled li{flex-direction:column;align-items:center;gap:.25rem;max-width:120px;display:flex}.povrat-slike-pregled img{object-fit:cover;border:1px solid var(--boja-rub);border-radius:6px;width:100px;height:100px}.povrat-slike-naziv{color:#5a5f66;word-break:break-all;text-align:center;font-size:.7rem}.povrat-checklist{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.checklist-stavka{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.checklist-stavka--potvrdjena{color:#166534}.polje select,.polje-filtar select{background:var(--boja-povrsina);color:var(--boja-tekst);border:1px solid #7c8493;border-radius:4px;padding:.55rem .7rem;font-family:inherit;font-size:.95rem}.polje select:focus{border-color:var(--boja-primarna);outline:none;box-shadow:0 0 0 3px #1f5c991f}.dialog--servis{max-height:90vh;overflow-y:auto}.servis-stranica{flex-direction:column;gap:1rem;display:flex}.servis-alat{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.polje--filtar{min-width:260px;margin-bottom:0}.servis-naslov{margin:0;font-size:1.1rem}.servis-tablica-omot{width:100%;overflow-x:auto}.servis-tekst-skraceno{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:220px;display:-webkit-box;overflow:hidden}.servis-status{color:#92400e;background:#fef3c7;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.prijava-qr-okvir{justify-content:center;margin:.75rem 0 .5rem;display:flex}.prijava-qr{border:1px solid var(--boja-rub);background:#fff;border-radius:8px;width:192px;height:192px;padding:.5rem}.prijava-qr-greska{color:#b42318;text-align:center;margin:.5rem 0}.prijava-rucni{flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.prijava-rucni .btn--link{padding:.4rem 0}.prijava-rucni-kljuc{letter-spacing:.08em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;word-break:break-all;text-align:center;background:#f8f9fb;border:1px dashed #7c8493;border-radius:6px;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.prijava-istek{color:#6b7280;text-align:center;font-variant-numeric:tabular-nums;margin:0 0 .75rem;font-size:.82rem}.instrumenti-izlaz{flex-direction:column;gap:1rem;display:flex}.instrument-identifikatori{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0;display:grid}.instrument-identifikatori dt{color:#5a5f66}.instrument-identifikatori dd{margin:0}.vizualno-skriveno{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oprema-tablica-omot{overflow-x:auto}.oprema-tablica{border-collapse:collapse;width:100%;min-width:560px}.oprema-tablica th,.oprema-tablica td{text-align:left;border-bottom:1px solid var(--boja-rub);padding:.6rem .75rem}.oprema-tablica thead th{text-transform:uppercase;letter-spacing:.03em;color:#5a5f66;font-size:.8rem}.oprema-tablica--broj{text-align:right;font-variant-numeric:tabular-nums}.oprema-tablica-akcija{text-align:center;width:2.5rem}.oprema-red{cursor:pointer}.oprema-red--alt{background:#fafbfc}.oprema-red:hover{background:var(--boja-pozadina)}.oprema-red--otvoren{background:var(--boja-pozadina);font-weight:600}.oprema-strelica{cursor:pointer;color:inherit;background:0 0;border:none;padding:.25rem .4rem;font-size:1rem;line-height:1}.oprema-red-prosireni>td{background:var(--boja-pozadina);border-bottom:2px solid var(--boja-rub);padding:1rem}.povrat-tablica-tok{max-width:720px}.oprema-tablica--slika{width:92px}.oprema-thumb{width:72px}.oprema-thumb .automobil-slika{aspect-ratio:4/3;border:1px solid var(--boja-rub);border-radius:4px;width:72px}.oprema-thumb .automobil-slika--placeholder svg{width:26px;height:26px}