:root{
  --bg:#f4f6f3;
  --surface:#ffffff;
  --ink:#161f1b;
  --ink-soft:#48544d;
  --line:#d9ddd5;
  --accent:#1f6f52;
  --accent-ink:#ffffff;
  --warn:#a5620f;
  --bad:#a13a3a;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.5;}
a{color:var(--accent);}
.glava{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem 1.4rem;flex-wrap:wrap;gap:.6rem;}
.glava-leva{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--ink);text-decoration:none;}
.logo-slika{height:28px;width:auto;display:block;}
.meni{display:inline-flex;align-items:center;}
.meni a{margin-right:1rem;text-decoration:none;color:var(--ink-soft);font-size:.92rem;}
.meni a:hover{color:var(--accent);}
/* "Administracija" spustni podmeni (native <details>/<summary> - brez dodatnega JS). */
.podmeni{position:relative;display:inline-block;}
.podmeni summary{cursor:pointer;color:var(--ink-soft);font-size:.92rem;list-style:none;}
.podmeni summary::-webkit-details-marker{display:none;}
.podmeni summary::after{content:' ▾';font-size:.7em;}
.podmeni summary:hover,.podmeni[open] summary{color:var(--accent);}
.podmeni-vsebina{position:absolute;top:100%;left:0;margin-top:.3rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.4rem 0;min-width:180px;box-shadow:0 6px 16px rgba(0,0,0,.1);z-index:30;display:flex;flex-direction:column;}
.podmeni-vsebina a{margin:0;padding:.45rem 1rem;white-space:nowrap;}
.podmeni-vsebina a:hover{background:var(--bg);}
.glava-desna{display:flex;align-items:center;gap:1rem;font-size:.88rem;}
.preklop-recepcije select{padding:.25rem .4rem;}
.preklop-jezika select{padding:.25rem .4rem;}
.preklop-jezika-prijava{text-align:right;margin-bottom:.6rem;}
.odjava{color:var(--bad);text-decoration:none;}
.vsebina{max-width:1100px;margin:0 auto;padding:1.6rem;}
h1{margin-top:0;}
.opomba-sekcije{color:var(--ink-soft);font-size:.92rem;}
.opozorilo{padding:.6rem .9rem;border-radius:6px;margin-bottom:1rem;border:1px solid var(--line);background:var(--surface);}
.opozorilo-napaka{border-color:var(--bad);color:var(--bad);}
.opozorilo-ok{border-color:var(--accent);color:var(--accent);}
.tabela{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);margin-bottom:1.6rem;}
.tabela th,.tabela td{padding:.5rem .6rem;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem;}
.tabela input[type=text],.tabela input[type=email],.tabela input[type=password],.tabela select{width:100%;padding:.3rem;border:1px solid var(--line);border-radius:4px;}
.tabela tr.vrstica-prisoten{background:#e3efe7;}
.tabela tr.vrstica-odsoten{background:#f3f3f1;}
.obrazec-vrstica{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:2rem;}
.obrazec-vrstica label{display:flex;flex-direction:column;font-size:.85rem;color:var(--ink-soft);gap:.25rem;}
.obrazec-vrstica input,.obrazec-vrstica select{padding:.4rem;border:1px solid var(--line);border-radius:4px;}
button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;}
button:hover{opacity:.9;}
.prijava-okvir{max-width:340px;margin:4rem auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1.6rem;}
.prijava-okvir label{display:block;margin-bottom:.9rem;font-size:.9rem;}
.prijava-okvir input{width:100%;padding:.5rem;border:1px solid var(--line);border-radius:4px;margin-top:.3rem;}
.kartice-hitrih-povezav{display:flex;flex-wrap:wrap;gap:1rem;}
.hitra-kartica{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1.2rem 1.6rem;text-decoration:none;color:var(--ink);font-size:1rem;min-width:180px;}
.hitra-kartica:hover{border-color:var(--accent);}
.oznaka{display:inline-block;padding:.15rem .5rem;border-radius:99px;font-size:.78rem;background:#eee;}
.oznaka-prosta{background:#e3efe7;color:var(--accent);}
.oznaka-dodeljena{background:#f5ead7;color:var(--warn);}
.oznaka-blokirana{background:#f6e3e1;color:var(--bad);}
.oznaka-obisk-napovedan{background:#e6ecf5;color:#33507a;}
.oznaka-obisk-aktiven{background:#e3efe7;color:var(--accent);}
.oznaka-obisk-zakljucen{background:#eee;color:var(--ink-soft);}
.oznaka-obisk-preklican{background:#f6e3e1;color:var(--bad);}
.oznaka-obisk-potrjen{background:#e7e3f5;color:#5b3fa0;}
.oznaka-obisk-napovedan{background:#e6ecf5;color:#33507a;}
.oznaka-obisk-aktiven{background:#e3efe7;color:var(--accent);}
.oznaka-obisk-zakljucen{background:#eee;color:var(--ink-soft);}
.oznaka-obisk-preklican{background:#f6e3e1;color:var(--bad);}
.oznaka-obisk-potrjen{background:#e7e3f5;color:#5b3fa0;}

.iskalnik-ovoj{position:relative;display:inline-block;width:100%;}
.iskalnik-skrit{display:none !important;}
.iskalnik-vnos{width:100%;padding:.4rem 1.7rem .4rem .4rem;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--surface);color:var(--ink);}
.iskalnik-pocisti{position:absolute;top:0;right:0;bottom:0;width:1.7rem;border:none;background:none;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ink-soft);padding:0;}
.iskalnik-pocisti:hover{color:var(--ink);}
.iskalnik-seznam{position:absolute;top:100%;left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-top:none;border-radius:0 0 6px 6px;max-height:220px;overflow-y:auto;box-shadow:0 6px 14px rgba(0,0,0,.12);}
.iskalnik-vrstica{padding:.4rem .6rem;cursor:pointer;font-size:.9rem;}
.iskalnik-vrstica:hover,.iskalnik-poudarjena{background:var(--bg);}
.iskalnik-aktivna{font-weight:600;}
.iskalnik-prazno{padding:.4rem .6rem;color:var(--ink-soft);font-size:.85rem;}
.preklop-recepcije .iskalnik-ovoj{width:200px;}
.obrazec-vrstica .iskalnik-ovoj{min-width:160px;}

.polje-datum-cas{display:inline-flex;gap:.35rem;}
.polje-datum-cas input{flex:0 0 auto;}
.tabela .stevilo-stolpec{text-align:center;}
.gumb-zdaj{padding:.25rem .55rem;font-size:.8rem;}

/* Razpiralne vrstice na seznamu obiskov (obiski.php) */
.obisk-vrstica{cursor:pointer;}
.obisk-vrstica:hover{background:var(--bg);}
.obisk-podrobnosti td{background:var(--bg);padding:.9rem 1.2rem;}
.obisk-podrobnosti-vsebina > .opomba-sekcije{margin-top:0;}
.podjetje-blok{margin-bottom:.6rem;}
.podjetje-blok:last-child{margin-bottom:0;}
.podjetje-vrstica{cursor:pointer;font-weight:600;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;}
.podjetje-vrstica:hover{border-color:var(--accent);}
.osebe-seznam{padding:.5rem .5rem .1rem 1.2rem;}
.oseba-vrstica{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.88rem;border-bottom:1px solid var(--line);}
.oseba-vrstica:last-child{border-bottom:none;}

.polje-z-gumbom{display:flex;gap:.4rem;align-items:center;}
.stolpec-razvrsti{color:inherit;text-decoration:none;white-space:nowrap;}
.stolpec-razvrsti:hover{color:var(--accent);text-decoration:underline;}
.tabela th{white-space:nowrap;}

.polje-potrditve-seznam{display:flex;flex-direction:column;gap:.3rem;max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;padding:.5rem .7rem;background:var(--surface);}
/* Vodoravna razlicica zgornjega - za kratke sezname (npr. status v obrazec-vrstica filtru), kjer
   bi navpicni stolpec po nepotrebnem povecal visino/pretrgal razporeditev ostalih polj v vrstici. */
.polje-potrditve-vrstica{display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;border:1px solid var(--line);border-radius:6px;padding:.5rem .7rem;background:var(--surface);}
.potrditveno-polje{flex-direction:row !important;align-items:center;gap:.4rem;font-size:.88rem;color:var(--ink);}
.potrditveno-polje input{width:auto;}

/* Naslov terminala za napravo (admin/terminali.php) - v lastni vrstici pod glavnimi podatki, da
   dolg URL s kodo/kljucem ne stiska ostalih stolpcev. */
.terminal-naslov-vrstica td{background:var(--bg);padding:.4rem .6rem .7rem;}
.terminal-naslov-vrstica code{word-break:break-all;white-space:normal;}

/* Javna stran soglasje.php (QR koda) - besedilo navodil v omejeni, drsljivi skrinjici, da mora
   obiskovalec dejansko podrsati do konca, preden se omogoci kljukica "prebral/-a". */
.soglasje-navodila{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem;background:var(--surface);margin-bottom:1.2rem;}
.soglasje-navodila p:first-child{margin-top:0;}
/* Slike, ki jih admin sam vstavi (oznaka <img>) na poljubno mesto znotraj besedila navodil (glej
   admin/navodila_gibanja.php - "pot do slike" za kopiranje) - znotraj iste drsljive skrinjice kot
   besedilo (soglasje.php), da mora obiskovalec podrsati tudi mimo njih pred podpisom. */
.soglasje-navodila img{max-width:100%;height:auto;border-radius:6px;margin:.6rem 0;display:block;}
/* touch-action:none samo prepreči, da bi brskalnik dotik na platnu razumel kot POMIK/ZUM strani -
   na nekaterih mobilnih brskalnikih (npr. Samsung Internet) pa dolg pritisk/vlečenje po platnu
   sproži se SVOJE privzeto obnasanje (izbira besedila, "lupa" za izbiro, kontekstni meni), ki
   podpisovanje moti/prepreci, zato ga eksplicitno izklopimo se s spodnjimi lastnostmi. */
.podpis-platno{display:block;width:600px;max-width:100%;height:200px;border:1px dashed var(--line);border-radius:6px;background:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin-bottom:.6rem;}
/* Urejanje slik navodil (admin/navodila_gibanja.php) - slike, ze naložene za trenutno prikazano
   verzijo (aktivno ali tisto, ki se ravno ureja), z moznostjo, da se jih pri shranjevanju
   odklukja (ne obdrzijo), in s POTJO do datoteke za rocno kopiranje v besedilo (<img src="...">). */
.navodila-slike-urejanje{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;}
.navodila-slika-kljukica{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.85rem;max-width:180px;}
.navodila-slika-kljukica img{max-width:160px;max-height:160px;border:1px solid var(--line);border-radius:6px;}
.navodila-slika-pot{width:100%;font-size:.75rem;font-family:monospace;text-align:center;padding:.2rem;box-sizing:border-box;}
.gumb-nevarno{background:var(--bad);padding:.25rem .55rem;font-size:.78rem;}
.potrditveno-polje input:disabled{opacity:.5;}

/* Paginacija seznamov (glej lib/paginacija.php) */
.paginacija{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin:-1rem 0 1.6rem;font-size:.88rem;color:var(--ink-soft);}
.paginacija-povezave{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;}
.paginacija-povezave a,.paginacija-onemogoceno,.paginacija-trenutna,.paginacija-vrzel{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .5rem;border-radius:5px;text-decoration:none;font-size:.85rem;}
.paginacija-povezave a{color:var(--ink);border:1px solid var(--line);background:var(--surface);}
.paginacija-povezave a:hover{border-color:var(--accent);color:var(--accent);}
.paginacija-onemogoceno{color:var(--line);}
.paginacija-trenutna{background:var(--accent);color:var(--accent-ink);font-weight:600;}
.paginacija-vrzel{color:var(--ink-soft);}

/* Prisotnost po dnevih - vodoravna 24-urna crta na dan/osebo (admin/analitika_prisotnost.php) */
.prisotnost-legenda{display:flex;gap:1.2rem;font-size:.82rem;color:var(--ink-soft);margin-bottom:1rem;}
.prisotnost-legenda-vzorec{display:inline-block;width:.9rem;height:.6rem;border-radius:2px;background:var(--ink);vertical-align:middle;margin-right:.3rem;}
.prisotnost-legenda-vzorec-neusklajen{background:var(--bad);}
.prisotnost-legenda-vzorec-odprt{background:var(--accent);}
.prisotnost-vrstica{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:.8rem;}
.prisotnost-glava{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;margin-bottom:.6rem;font-size:.92rem;}
.prisotnost-trajanje{margin-left:auto;color:var(--ink-soft);font-size:.85rem;}
.prisotnost-os{position:relative;height:1rem;margin-bottom:.2rem;font-size:.66rem;color:var(--ink-soft);}
.prisotnost-os span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;}
.prisotnost-os span:first-child{transform:translateX(0);}
.prisotnost-os span:last-child{transform:translateX(-100%);}
.prisotnost-trak{position:relative;min-height:1.4rem;background:#eef1fb;border:1px solid var(--line);border-radius:4px;}
.prisotnost-crta{position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.08);}
.prisotnost-segment{position:absolute;height:1.2rem;background:var(--ink);border-radius:2px;min-width:2px;}
.prisotnost-segment-neusklajen{background:var(--bad);}
.prisotnost-segment-odprt{background:var(--accent);}