/* iCAD portal v0.10.0 — My Hours (Revizija 3 stavka 1, faza A). Izgled MH·A (traka timera na vrhu, dan s brzim unosom)
   + tjedna mreža iz MH·B. Samo tokeni portala (stil.css). Stranice su pod .adm .sati-str; dijalozi i ladice su u <body>
   (.sati-dijalog, .sati-ladica); traka timera je u .okvir-glavno (sati-traka.js); ispis izvoza #sati-ispis (sati-izvoz.js). */

/* ---------------- boje gradilišta (točka, traka uz unos) — kao sličice .sl u portalu */
.sati-gr{--gr:#5a3d8c}
.sati-gr.ljubicasta{--gr:#5a3d8c}.sati-gr.plava{--gr:#2a5a80}.sati-gr.zelena{--gr:#2d6a3e}.sati-gr.pijesak{--gr:#85570f}
.sati-gr.tirkiz{--gr:#1d6670}.sati-gr.opeka{--gr:#8a4636}.sati-gr.siva{--gr:#3f4d57}
.sati-tocka{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gr);flex:none}
.sati-sifra{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:7px;background:var(--povrsina-3);color:var(--tekst);
  font-size:12px;font-weight:800;letter-spacing:.03em;white-space:nowrap;flex:none}
.sati-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--povrsina-3);color:var(--tekst-2);font-size:12px;font-weight:750;white-space:nowrap}
.sati-tag::before{content:"#";color:var(--tekst-3);font-weight:800;margin-right:2px}
.sati-tag.provjeriti{background:var(--jantar-tint);color:var(--jantar)}
.sati-nenaplativo{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;box-shadow:0 0 0 1px var(--crta-2) inset;color:var(--tekst-3);font-size:12px;font-weight:750;white-space:nowrap}
.sati-preklapa{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;background:var(--jantar-tint);color:var(--jantar);font-size:12px;font-weight:800;white-space:nowrap}
.sati-zakljucan{display:inline-flex;align-items:center;height:24px;color:var(--tekst-3)}
.sati-samo-admin{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:750;color:var(--tekst-3);letter-spacing:0;text-transform:none}

/* ---------------- pulsirajuća točka timera */
.sati-puls{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#e5484d;flex:none}
.sati-puls::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #e5484d;opacity:.6;animation:sati-puls 1.6s ease-out infinite}
@keyframes sati-puls{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.5);opacity:0}}

/* ---------------- traka timera: vrh svake stranice administracije dok timer teče (jedino mjesto za „Zaustavi" izvan Sati) */
.sati-traka{position:sticky;top:10px;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;
  margin:10px 16px 0;padding:10px 10px 10px 18px;border-radius:20px;background:var(--tamna);color:#fff;box-shadow:0 14px 30px -18px rgba(15,26,32,.7)}
.sati-traka-tekst{display:block;min-width:0;color:#fff}
.sati-traka-tekst b{display:block;font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sati-traka-tekst small{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.sati-traka-tekst:hover b{text-decoration:underline;text-underline-offset:3px}
.sati-traka-vrijeme{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sati-traka .gumb{background:#fff;color:var(--tekst);box-shadow:none}
.sati-traka .sati-zaustavi svg{color:#e5484d}
.sati-traka.nepoznato{grid-template-columns:auto minmax(0,1fr) auto;background:var(--jantar-tint);color:var(--jantar)}
.sati-traka.nepoznato .sati-traka-tekst,.sati-traka.nepoznato .sati-traka-tekst small{color:var(--jantar)}
.okvir.puno .sati-traka,.okvir.bez-okvira .sati-traka{display:none}
@media (min-width:1024px){.sati-traka{margin:16px 44px 0;max-width:calc(1400px - 88px)}}
@media (max-width:1023.98px){
  .sati-traka{top:8px;gap:10px;padding:8px 8px 8px 14px;border-radius:18px}
  .sati-traka-vrijeme{font-size:19px}
  .sati-traka .sati-zaustavi .rijec{display:none}
  .sati-traka .sati-zaustavi{width:48px;padding:0}
}

/* ---------------- bočna traka: točka „timer teče" uz My Hours i podstranice modula */
.nav-tece{display:inline-flex;align-items:center;margin-left:auto;padding:0 4px}
.nav-tece + .broj{margin-left:8px}
.nav-pod{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 22px;padding-left:12px;border-left:2px solid var(--crta)}
.nav-pod-stavka{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:12px;font-weight:700;font-size:14.5px;color:var(--tekst-2)}
.nav-pod-stavka:hover{background:var(--povrsina-2);color:var(--tekst)}
.nav-pod-stavka[aria-current]{background:var(--naglasak-tint);color:var(--naglasak-jaki)}
.okvir.puno .nav-tece{position:absolute;top:8px;right:10px;margin:0;padding:0}
.okvir.puno .nav-stavka{position:relative}

/* ---------------- podstranice na mobitelu (segment na vrhu stranica modula) */
.sati-podnav{display:flex;gap:2px;padding:4px;border-radius:18px;background:#e3e8eb;margin:0 0 14px}
.sati-podnav a{flex:1;display:grid;place-items:center;height:44px;border-radius:14px;font-weight:750;font-size:14px;color:var(--tekst-2);white-space:nowrap;min-width:0}
.sati-podnav a[aria-current]{background:#fff;color:var(--tekst);box-shadow:0 1px 2px rgba(15,26,32,.1),0 3px 10px -4px rgba(15,26,32,.18)}

/* ---------------- Sati: traka datuma */
.adm .sati-pogled button{min-width:96px;padding:0 16px}
.sati-datum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;position:relative}
.sati-datum .gumb.ikona{background:var(--povrsina);box-shadow:0 0 0 1px var(--crta-2) inset}
.sati-datum-gumb{min-width:240px;justify-content:flex-start}
.sati-datum-gumb .strelica{margin-left:auto;color:var(--tekst-3)}
.sati-zbroj{margin-left:auto;font-size:15px;font-weight:650;color:var(--tekst-2);white-space:nowrap}
.sati-zbroj b{font-size:22px;font-weight:800;color:var(--tekst);font-variant-numeric:tabular-nums;margin:0 4px 0 6px}

/* kalendar (1.2) — skočni ispod gumba datuma */
.sati-kal{position:absolute;left:52px;top:56px;z-index:35;width:330px;padding:14px;border-radius:20px;background:var(--povrsina);box-shadow:0 0 0 1px var(--crta),var(--sjena-3)}
.sati-kal input{height:44px;margin-bottom:10px}
.sati-kal-glava{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sati-kal-glava b{font-size:15px}
.sati-kal-mreza{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.sati-kal-mreza .d{font-size:11.5px;font-weight:800;color:var(--tekst-3);text-transform:uppercase;padding:4px 0}
.sati-kal-mreza button{position:relative;display:grid;place-items:center;height:40px;border:0;border-radius:12px;background:none;font-weight:700;font-size:14px;color:var(--tekst);cursor:pointer}
.sati-kal-mreza button:hover{background:var(--povrsina-2)}
.sati-kal-mreza button.van{color:#97a2aa}
.sati-kal-mreza button.ima::after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--naglasak)}
.sati-kal-mreza button.danas{box-shadow:0 0 0 2px var(--naglasak) inset;color:var(--naglasak-jaki)}
.sati-kal-mreza button.odabran{background:var(--naglasak);color:#fff}
.sati-kal-mreza button.odabran::after{background:#fff}
.sati-kal-dno{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12.5px;color:var(--tekst-3);font-weight:650}
.sati-kal-tocka{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--naglasak);vertical-align:2px}

/* ---------------- brzi unos: gradilište | zadatak | opis | vrijeme | JEDAN gumb (Pokreni / Dodaj) */
.sati-brzo{padding:14px;margin-bottom:16px}
.sati-brzo-red{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(160px,.9fr) minmax(180px,1.5fr) 150px auto;gap:10px;align-items:center}
.sati-brzo-red select,.sati-brzo-red input{min-width:0}
#sati-brzo-vrijeme{text-align:center}
.sati-brzo-gumb{min-width:128px}
.sati-brzo-greska{margin:10px 2px 0}
.sati-brzo-pomoc{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-top:12px}
.sati-brzo-pomoc .natpis{font-size:13px;font-weight:750;color:var(--tekst-3)}
.sati-nedavno{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px 0 11px;border:0;border-radius:999px;background:var(--povrsina-2);
  box-shadow:0 0 0 1px var(--crta) inset;font:inherit;font-size:13.5px;font-weight:700;color:var(--tekst-2);cursor:pointer;max-width:100%;min-width:0}
.sati-nedavno span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sati-nedavno:hover{background:var(--povrsina-3);color:var(--tekst)}
.sati-brzo-savjet{display:flex;align-items:center;gap:6px;margin:10px 2px 0;font-size:13px;font-weight:650;color:var(--tekst-3)}

/* ---------------- popis unosa: vrijeme | boja | tekst | trajanje — stupci poravnati u okomici */
.sati-popis{padding:6px 0}
.sati-red{display:grid;grid-template-columns:118px 4px minmax(0,1fr) 100px;gap:0 16px;align-items:center;width:100%;padding:12px 20px;border:0;background:none;
  font:inherit;color:inherit;text-align:left;position:relative}
button.sati-red{cursor:pointer}
button.sati-red:hover{background:var(--povrsina-2)}
.sati-red + .sati-red,.sati-pauza + .sati-red{border-top:1px solid var(--crta)}
.sati-pauza + .sati-red{border-top:0}
.sati-red-vrijeme{display:flex;flex-direction:column;font-size:14.5px;font-weight:700;color:var(--tekst-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.sati-red-vrijeme b{font-size:13px;font-weight:800;color:var(--tekst)}
.sati-red-vrijeme .tiho{font-size:13px;color:var(--tekst-3);font-weight:650}
.sati-red-boja{align-self:stretch;border-radius:4px;background:var(--gr);min-height:36px}
.sati-red-tekst{display:block;min-width:0}
.sati-red-naslov{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:750;line-height:1.3;min-width:0}
.sati-red-naslov .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sati-red-opis{display:block;margin-top:2px;font-size:13.5px;font-weight:600;color:var(--tekst-2);line-height:1.4;overflow-wrap:anywhere}
.sati-red-opis.prazno{color:var(--tekst-3);font-style:italic}
.sati-red-oznake{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sati-red-koliko{display:block;text-align:right;font-variant-numeric:tabular-nums}
.sati-red-koliko b{display:block;font-size:17px;font-weight:800}
.sati-red-koliko small{display:block;font-size:12.5px;font-weight:650;color:var(--tekst-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sati-red.tece{background:linear-gradient(90deg,var(--naglasak-tint),transparent 70%)}
.sati-red.tece .sati-red-vrijeme{color:var(--naglasak-jaki)}
.sati-tece-natpis{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#c2363b}
.sati-pauza{display:flex;align-items:center;gap:10px;padding:2px 20px;font-size:12.5px;font-weight:700;color:var(--tekst-3)}
.sati-pauza::after{content:"";flex:1;border-top:1px dashed var(--crta-2)}

/* ---------------- tjedna mreža (MH·B) */
.sati-mreza{overflow:hidden}
.sati-mreza-omot{overflow-x:auto}
.sati-mreza table{width:100%;min-width:760px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sati-mreza th,.sati-mreza td{padding:0;border-bottom:1px solid var(--crta);text-align:center;font-weight:700}
.sati-mreza thead th{padding:12px 6px 10px;font-size:13px;color:var(--tekst-3)}
.sati-mreza thead th span{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.sati-mreza thead th small{display:block;font-size:13px;font-weight:700;color:var(--tekst-2)}
.sati-mreza thead th.danas span,.sati-mreza thead th.danas small{color:var(--naglasak-jaki)}
.sati-mreza td.danas{background:rgba(11,124,140,.04)}
.sati-mreza .sati-mr-prvi{position:sticky;left:0;z-index:1;background:var(--povrsina);text-align:left;padding:10px 12px 10px 18px;width:34%;min-width:220px}
.sati-mr-red{display:flex;align-items:center;gap:10px;min-width:0}
.sati-mr-naziv{flex:1;min-width:0}
.sati-mr-naziv b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sati-mr-naziv small{display:block;font-size:12.5px;font-weight:650;color:var(--tekst-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sati-mr-start{flex:none;color:var(--naglasak-jaki)}
.sati-mr-celija{display:block;width:100%;height:52px;border:0;background:none;font:inherit;font-size:15px;font-weight:750;color:var(--tekst);cursor:pointer}
.sati-mr-celija:hover{background:var(--naglasak-tint)}
.sati-mr-celija.prazna{color:transparent}
.sati-mr-celija.prazna:hover,.sati-mr-celija.prazna:focus-visible{color:var(--naglasak-jaki)}
.sati-mreza .sati-mr-uk{font-weight:800;padding:0 14px;white-space:nowrap}
.sati-mr-dno th,.sati-mr-dno td{border-bottom:0;background:var(--povrsina-2);height:48px;font-weight:800}
.sati-mr-dno .sati-mr-prvi{background:var(--povrsina-2)}
.sati-celija-popis{margin:0 -24px}

/* ---------------- dijalog unosa */
dialog.dijalog.sati-dijalog{width:min(640px,calc(100vw - 24px))}
.sati-dijalog .dijalog-radnje .razmak{flex:1}
.sati-dijalog .sati-obrisi{margin-right:auto}
.sati-obrazac .polja.sati-polja-mjesto{grid-template-columns:repeat(2,minmax(0,1fr))}
.sati-obrazac .polja.sati-polja-vrijeme{grid-template-columns:1.4fr 1fr 1fr 1fr}
.sati-obrazac .sati-polja-mjesto .polje{margin-bottom:6px}
.sati-obrazac > .pomoc{display:block;margin:0 0 14px}
.sati-obrazac .sati-polja-vrijeme .polje{margin-bottom:4px}
.sati-obrazac .sati-savjet{margin:0 0 14px}
.sati-napomena-vremena{margin:0 0 8px;color:var(--jantar) !important;font-weight:700 !important}
.sati-obrazac input.mono{font-variant-numeric:tabular-nums;text-align:center}
.sati-oznake-izbor{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sati-oznaka-cip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:12px;background:var(--povrsina-2);box-shadow:0 0 0 1px var(--crta) inset;font-size:14px;font-weight:700;cursor:pointer}
.sati-oznaka-cip:has(input:checked){background:var(--naglasak-tint);box-shadow:0 0 0 1px var(--naglasak-tint-2) inset;color:var(--naglasak-jaki)}
input.sati-nova-oznaka{width:150px;height:40px;border-radius:12px;font-size:14px}
.sati-naplativo{margin:4px 0 6px}

/* ---------------- Detaljni pregled */
.sati-filtri{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.sati-filtri-razdoblje,.sati-filtri-ostalo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sati-razdoblje-opis{font-size:15px;font-weight:750;color:var(--tekst-2);margin:0 4px}
select.sati-filtar:is(select,#_){width:auto;max-width:280px;height:42px;border-radius:999px;font-size:14px;font-weight:700;padding-left:16px}
select.sati-filtar.sirok:is(select,#_){max-width:340px}
select.sati-filtar.aktivan:is(select,#_){background-color:var(--tekst);color:#fff;border-color:var(--tekst);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
select.sati-filtar.aktivan option{background:#fff;color:var(--tekst)}
input.sati-filtar-datum{width:auto;height:42px;border-radius:999px;font-size:14px}
.sati-korak{background:var(--povrsina);box-shadow:0 0 0 1px var(--crta-2) inset}
.sati-pregled-traka{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 16px}
.sati-pregled-traka .razmak{flex:1}
.sati-natpis{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:750;color:var(--tekst-3)}
.sati-natpis select{width:auto;height:42px;color:var(--tekst)}
.segment.sati-format{padding:3px}
.segment.sati-format button{height:36px;min-width:58px;font-size:14px}
.sati-kpi{display:grid;grid-template-columns:repeat(var(--stupaca,4),minmax(0,1fr));margin-bottom:16px}
.sati-kpi > div{padding:16px 20px;min-width:0}
.sati-kpi > div + div{border-left:1px solid var(--crta)}
.sati-kpi small{display:block;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tekst-3)}
.sati-kpi b{display:block;margin-top:4px;font-size:26px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sati-kpi > div > span{display:block;font-size:13px;font-weight:650;color:var(--tekst-3)}
.sati-pregled{overflow:hidden}
.sati-skupina{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 8px;background:var(--povrsina-2);border-top:1px solid var(--crta);
  font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tekst-2)}
.sati-skupina:first-child{border-top:0}
.sati-skupina .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sati-skupina small{font-weight:700;letter-spacing:0;text-transform:none;color:var(--tekst-3)}
.sati-skupina .z{letter-spacing:0;text-transform:none;font-size:14.5px;color:var(--tekst);font-variant-numeric:tabular-nums;white-space:nowrap}
.sati-stranice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--crta);font-size:13.5px;font-weight:650;color:var(--tekst-3)}
.sati-vise{padding:10px 20px 14px}

/* ---------------- izvoz (dijalog) */
.sati-izvoz-info{margin:0 0 14px;padding:10px 14px;border-radius:14px;background:var(--povrsina-2);font-size:13.5px;font-weight:700;color:var(--tekst-2)}
.sati-izvoz .segment button{height:42px}
.sati-stupci{display:flex;flex-wrap:wrap;gap:8px}
.sati-stupci label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:12px;background:var(--povrsina-2);box-shadow:0 0 0 1px var(--crta) inset;font-size:14px;font-weight:700;cursor:pointer}
.sati-izvoz .prekidac{margin:0 0 14px}

/* ---------------- Admin: gradilišta i zadaci, postavke */
.sati-adm-alati{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:0 0 16px}
.sati-adm-alati input[type=search]{flex:1 1 280px;max-width:460px}
.sati-adm-popis{display:flex;flex-direction:column;gap:16px}
.sati-adm-popis .ploca + .ploca{margin-top:0}
.sati-adm-red,.sati-profil-red{display:grid;grid-template-columns:10px minmax(0,1fr) auto 20px;gap:14px;align-items:center;width:100%;min-height:64px;padding:10px 16px 10px 20px;
  border:0;border-top:1px solid var(--crta);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.sati-adm-red:first-child,.sati-profil-red:first-child{border-top:0}
.sati-adm-red:hover,.sati-profil-red:hover{background:var(--povrsina-2)}
.sati-adm-red .t,.sati-profil-red .t,.sati-trosak-red .t,.sati-zak-red .t{min-width:0}
.sati-adm-red b,.sati-profil-red b,.sati-trosak-red b,.sati-zak-red b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;font-weight:750}
.sati-adm-red small,.sati-profil-red small,.sati-trosak-red small,.sati-zak-red small{display:block;font-size:13px;font-weight:650;color:var(--tekst-3);overflow-wrap:anywhere}
.sati-adm-red .h,.sati-trosak-red .h{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sati-adm-red .h b,.sati-trosak-red .h b{display:block;font-size:16px}
.sati-adm-red .chev,.sati-profil-red .chev{color:var(--tekst-3)}
dialog.ladica.sati-ladica{width:min(560px,100vw)}
.sati-ladica-naslov{margin:18px 0 4px;font-size:16px}
.sati-zadaci{display:flex;flex-direction:column;gap:6px;margin:8px 0 10px}
.sati-zadatak{display:grid;grid-template-columns:minmax(0,1fr) 56px 38px 38px auto 38px;gap:6px;align-items:center}
.sati-zadatak input{height:42px;font-size:15px}
.sati-zadatak .h{font-size:13px;font-weight:750;color:var(--tekst-3);text-align:right;font-variant-numeric:tabular-nums}
.sati-zadatak.zatvoren input{color:var(--tekst-3);text-decoration:line-through}
.sati-novi-zadatak{display:flex;gap:8px}
.sati-novi-zadatak input{flex:1;min-width:0}
.sati-trosak-red,.sati-zak-red{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 16px 12px 20px;border-top:1px solid var(--crta)}
.sati-zak-red{grid-template-columns:20px minmax(0,1fr) auto}
.sati-trosak-red:first-child,.sati-zak-red:first-child{border-top:0}
.sati-trosak-red.neaktivan{opacity:.65}
.sati-povijest{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.sati-povijest-st{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:650;color:var(--tekst-3)}
.sati-povijest-st .gumb.ikona.malen{width:28px;min-width:28px;height:28px;min-height:28px}
.sati-s-lokotom{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.sati-zak-novi{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--crta)}
.sati-zak-novi select{width:auto;min-width:200px;height:42px}
.sati-prazno-pomoc{padding:14px 20px}
.sati-profil-red{grid-template-columns:96px minmax(0,1fr) 20px}
.sati-profil-logo{display:flex;align-items:center;justify-content:flex-start;height:36px;min-width:0}
.sati-profil-logo img{max-height:28px;max-width:96px;width:auto}
.sati-profil-logo.velik{height:56px;min-width:120px}
.sati-profil-logo.velik img{max-height:48px;max-width:180px}
.sati-profil-logo .tekst-logo{font-weight:800;font-size:12px;letter-spacing:.05em;padding:3px 7px;border:1.5px solid currentColor;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sati-logo-izbor{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sati-logo-izbor input[type=file]{font-size:14px;max-width:100%}
.sati-obrisi-profil{justify-self:start;margin-top:6px}

/* ---------------- mobitel */
@media (max-width:1023.98px){
  .sati-zbroj{margin-left:0;width:100%;order:9}
  .sati-datum-gumb{min-width:0;flex:1}
  .sati-kal{left:0;right:0;width:auto}
  .sati-brzo-red{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px;grid-template-areas:"gr gr gr" "zad zad zad" "opis opis opis" "vrijeme vrijeme gumb"}
  .sati-brzo-red #sati-brzo-gr{grid-area:gr}
  .sati-brzo-red #sati-brzo-zad{grid-area:zad}
  .sati-brzo-red #sati-brzo-opis{grid-area:opis}
  .sati-brzo-red #sati-brzo-vrijeme{grid-area:vrijeme}
  .sati-brzo-red .sati-brzo-gumb{grid-area:gumb;min-width:0;width:56px;padding:0}
  .sati-brzo-red .sati-brzo-gumb .rijec{display:none}
  .sati-brzo-pomoc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px}
  .sati-brzo-pomoc .natpis{display:none}
  .sati-nedavno{flex:none;max-width:250px;min-height:44px}
  .sati-red{grid-template-columns:4px minmax(0,1fr) auto;grid-template-areas:"boja tekst koliko" "boja vrijeme koliko";gap:2px 12px;padding:12px 14px}
  .sati-red-boja{grid-area:boja}
  .sati-red-tekst{grid-area:tekst}
  .sati-red-vrijeme{grid-area:vrijeme;flex-direction:row;gap:8px;font-size:13px;color:var(--tekst-3)}
  .sati-red-koliko{grid-area:koliko;align-self:start}
  .sati-red-naslov .n{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .sati-pauza{padding:2px 14px}
  .sati-celija-popis{margin:0 -18px}
  .sati-obrazac .polja.sati-polja-mjesto{grid-template-columns:1fr}
  .sati-obrazac .polja.sati-polja-vrijeme{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sati-obrazac .sati-polja-vrijeme .polje:first-child{grid-column:1 / -1}
  .sati-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sati-kpi > div:nth-child(3){border-left:0}
  .sati-kpi > div:nth-child(n+3){border-top:1px solid var(--crta)}
  .sati-kpi b{font-size:22px}
  select.sati-filtar:is(select,#_){max-width:100%;min-height:44px;height:44px}
  .sati-filtri-ostalo > select{flex:1 1 calc(50% - 8px)}
  .sati-filtri-ostalo > select.sirok{flex-basis:100%}
  .sati-razdoblje-opis{width:100%;order:9;margin:2px 4px 0}
  .sati-filtri-razdoblje select{flex:1}
  .sati-adm-red{grid-template-columns:10px minmax(0,1fr) auto;padding:10px 14px}
  .sati-adm-red .chev{display:none}
  .sati-trosak-red{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}
  .sati-trosak-red .gumb{grid-column:1 / -1;justify-self:start}
  .sati-zadatak{grid-template-columns:minmax(0,1fr) 44px 44px auto 44px}
  .sati-zadatak .h{display:none}
  .sati-zadatak .gumb.ikona.malen{width:44px;min-width:44px;height:44px;min-height:44px}
  .sati-profil-red{grid-template-columns:72px minmax(0,1fr)}
  .sati-profil-red .chev{display:none}
  .adm .sati-pogled button{min-width:0}
}
@media (pointer:coarse){.sati-mr-celija{height:56px}}

/* ---------------- ispis izvoza (PDF): A4 bez ruba stranice — preglednik tada ne dodaje adresu, naslov ni datum */
#sati-ispis{display:none}
@page satiIspis{size:A4;margin:0}
@media print{
  html.sati-ispisujem,html.sati-ispisujem body{background:#fff !important;min-height:0}
  html.sati-ispisujem body > :not(#sati-ispis){display:none !important}
  html.sati-ispisujem #sati-ispis{display:block;page:satiIspis;padding:0 13mm;color:#1b2329;font:500 9pt/1.38 var(--pismo);font-feature-settings:"tnum" 1}
}
.sati-ispis .si-okvir{width:100%;border-collapse:collapse}
.sati-ispis .si-okvir > thead > tr > td,.sati-ispis .si-okvir > tfoot > tr > td,.sati-ispis .si-okvir > tbody > tr > td{padding:0}
.sati-ispis .si-razmak-gore{height:12mm}
.sati-ispis .si-razmak-dolje{height:16mm}
.sati-ispis .si-glava{display:flex;justify-content:space-between;align-items:flex-start;gap:8mm;padding-bottom:3mm;margin-bottom:4mm;border-bottom:1.5pt solid #1b2329}
.sati-ispis h1{margin:0 0 2mm;font-size:17pt;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.sati-ispis dl{display:grid;grid-template-columns:auto 1fr;gap:.6mm 4mm;margin:0;font-size:9pt;color:#4a5560}
.sati-ispis dt{font-weight:700}
.sati-ispis dd{margin:0;color:#1b2329;font-weight:650}
.sati-ispis .si-logo{max-height:16mm;max-width:55mm;width:auto}
.sati-ispis .si-logo-tekst{font-weight:800;font-size:12pt;letter-spacing:.05em;padding:1.5mm 3mm;border:1.5pt solid currentColor;border-radius:1.5mm}
.sati-ispis .si-tablica{width:100%;border-collapse:collapse;font-size:8.4pt}
.sati-ispis .si-tablica th{text-align:left;font-weight:800;color:#4a5560;text-transform:uppercase;letter-spacing:.04em;font-size:7pt;padding:1.4mm 1.4mm;border-bottom:.8pt solid #9aa6ae}
.sati-ispis .si-tablica td{padding:1.2mm 1.4mm;vertical-align:top;border-bottom:.4pt solid #e1e6ea}
.sati-ispis .si-tablica .b{text-align:right;white-space:nowrap}
.sati-ispis .si-tablica td.opis{color:#3f4d57;min-width:40mm}
.sati-ispis .si-tablica tr{break-inside:avoid}
.sati-ispis .si-skupina td{background:#eef2f4;font-weight:800;border-top:.8pt solid #c9d1d6;padding-top:1.6mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sati-ispis .si-ukupno td{font-weight:800;border-top:1.4pt solid #1b2329;border-bottom:0;padding-top:2mm}
.sati-ispis .si-tablica tfoot{display:table-row-group}
.sati-ispis .si-podnozje{position:fixed;left:13mm;right:13mm;bottom:6mm;padding-top:2mm;border-top:.5pt solid #d3dbe0;font-size:7.5pt;color:#6b7680}

/* ---------------- dorada nakon pregleda snimki (30. 10.) */
.sati-dijalog p.pomoc,.sati-ladica p.pomoc,.sati-obrazac > .pomoc,.sati-izvoz p.pomoc{font-size:13px;font-weight:600;color:var(--tekst-3);line-height:1.45}
.sati-obrazac > span.pomoc{font-size:13px;font-weight:650;color:var(--tekst-3)}
.sati-ladica .sati-naplativo{margin:4px 0 16px}
.adm-dijalog .sati-oznake-izbor input.sati-nova-oznaka:is(input,#_){width:160px;flex:none;height:40px;min-height:40px;border-radius:12px;font-size:14px}
.ploca-glava .sati-zak-novi{padding:0;border:0}
.sati-filtri-gumb.aktivan{background:var(--tekst);color:#fff;box-shadow:none}
@media (max-width:1023.98px){
  .adm .zaglavlje-stranice .radnje:has(.sati-pogled){width:100%}
  .adm .sati-pogled{width:100%}
  .adm .sati-pogled button{flex:1}
  .sati-filtri:not(.otvoreno) .sati-filtri-ostalo{display:none}
  .sati-filtri-razdoblje .sati-filtri-gumb{margin-left:auto}
  .sati-mreza .sati-mr-prvi{min-width:150px;width:150px;padding:8px 8px 8px 12px}
  .sati-mr-start{display:none}
  .sati-mr-naziv b{font-size:13.5px}
  .sati-mreza table{min-width:620px}
}
@media (max-width:1023.98px){select.sati-filtar.sirok:is(select,#_){max-width:100%}}