/* ==========================================================================
   ZAPISNIK.SI — skupni dizajnerski sistem
   assets/css/zk-app.css
   Modra #002855 · Zlata #C5A47E · Bela
   Uporabljajo: login.php, dashboard.php in vse nadaljnje strani aplikacije.
   ========================================================================== */

/* ── 1. TOKENI ─────────────────────────────────────────────────────────── */
:root{
  --navy:#002855;
  --navy-d:#001229;
  --navy-l:#0A3F76;
  --gold:#C5A47E;
  --gold-hi:#D9BE93;
  --gold-soft:#F4E9DA;

  --bg:#FFFFFF;
  --rail:#F5F7FA;
  --card:#FFFFFF;
  --sunk:#F7F9FB;
  --ink:#0F1E2E;
  --ink-2:#3D5063;
  --muted:#6B7B8C;
  --line:#E4E9EF;
  --line-2:#EEF2F6;

  --ok:#1E7A46;   --ok-bg:#E9F6EE;   --ok-line:#C7E6D4;
  --warn:#9A6B00; --warn-bg:#FDF3DC; --warn-line:#F0DCA9;
  --err:#B3261E;  --err-bg:#FBEAE8;  --err-line:#F0C9C4;
  --info:#0A3F76; --info-bg:#E9F1F9; --info-line:#C9DDF0;

  --display:'Bricolage Grotesque',sans-serif;
  --body:'Public Sans',sans-serif;
  --mono:'JetBrains Mono',monospace;

  --r:12px; --r-s:9px; --r-l:20px;
  --shadow:0 1px 2px rgba(15,30,46,.05), 0 8px 24px -16px rgba(15,30,46,.28);
  --shadow-l:0 22px 50px -26px rgba(0,40,85,.45);
}

html[data-theme="dark"]{
  --bg:#0B1622; --rail:#081220; --card:#111F2E; --sunk:#0E1B29;
  --ink:#EAF0F6; --ink-2:#B9C6D3; --muted:#8496A8;
  --line:#1E2E40; --line-2:#182636;
  --ok:#6FD39B;   --ok-bg:#12301F;   --ok-line:#1F4B32;
  --warn:#E7C46A; --warn-bg:#2E2711; --warn-line:#4A3E18;
  --err:#F0928A;  --err-bg:#33150F;  --err-line:#54241C;
  --info:#8FC0EE; --info-bg:#0F2438; --info-line:#1D3E5C;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -18px rgba(0,0,0,.9);
  --shadow-l:0 22px 50px -26px rgba(0,0,0,.9);
}

/* ── 2. OSNOVA ─────────────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);background:var(--bg);color:var(--ink);
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;line-height:1.15;font-weight:600}
h1{font-size:29px;font-weight:700}
h2{font-size:22px}
h3{font-size:17px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.zk-mono{font-family:var(--mono)}
.zk-muted{color:var(--muted)}
.zk-center{text-align:center}
.zk-hide{display:none !important}
.zk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Privzeta velikost ikon — varovalka, da noben SVG brez svojega pravila
   ne zraste čez viewBox. Posebna pravila nižje jo povozijo. */
.zk-app svg,.zk-auth svg{width:18px;height:18px;flex:0 0 auto}

/* ── 3. GUMBI ──────────────────────────────────────────────────────────── */
.zk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid var(--line);background:var(--card);color:var(--ink);
  border-radius:var(--r-s);padding:11px 18px;font-size:14.5px;font-weight:600;
  transition:.18s ease;text-align:center;
}
.zk-btn:hover{border-color:var(--navy);transform:translateY(-1px)}
.zk-btn svg{width:17px;height:17px;flex:0 0 17px}
.zk-btn.-p{background:var(--navy);color:#fff;border-color:var(--navy)}
.zk-btn.-p:hover{background:var(--navy-l);border-color:var(--navy-l)}
.zk-btn.-g{background:var(--gold);color:var(--navy-d);border-color:var(--gold)}
.zk-btn.-g:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.zk-btn.-ghost{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.zk-btn.-ghost:hover{border-color:var(--gold);color:var(--gold)}
.zk-btn.-full{width:100%}
.zk-btn.-sm{padding:7px 13px;font-size:13.5px}
html[data-theme="dark"] .zk-btn.-p{background:var(--gold);color:var(--navy-d);border-color:var(--gold)}
html[data-theme="dark"] .zk-btn.-p:hover{background:var(--gold-hi);border-color:var(--gold-hi)}

/* ── 4. OBRAZCI ────────────────────────────────────────────────────────── */
.zk-field{margin-bottom:15px}
.zk-field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.zk-input,
.zk-field input[type=text],
.zk-field input[type=email],
.zk-field input[type=password],
.zk-field input[type=tel],
.zk-field select,
.zk-field textarea{
  width:100%;font-family:var(--body);font-size:15px;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);
  padding:12px 14px;transition:.16s;
}
.zk-field input:hover,.zk-field select:hover{border-color:var(--muted)}
.zk-field input:focus,.zk-field select:focus,.zk-field textarea:focus{
  outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,40,85,.1);
}
html[data-theme="dark"] .zk-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,164,126,.16)}
.zk-field input::placeholder{color:var(--muted);opacity:.85}
.zk-hint{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.zk-hint.-err{color:var(--err)}
.zk-hint.-ok{color:var(--ok)}
.zk-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.zk-check input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:var(--navy)}
html[data-theme="dark"] .zk-check input{accent-color:var(--gold)}
.zk-check a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
html[data-theme="dark"] .zk-check a{color:var(--gold)}
.zk-link{color:var(--navy);font-size:13.5px;font-weight:600}
.zk-link:hover{color:var(--gold)}
html[data-theme="dark"] .zk-link{color:var(--gold)}
.zk-form.zk-validated input:invalid,
.zk-form.zk-validated select:invalid{border-color:var(--err)}

/* ── 5. OPOZORILA ──────────────────────────────────────────────────────── */
.zk-alert{
  border:1px solid var(--info-line);background:var(--info-bg);color:var(--info);
  border-radius:var(--r);padding:14px 16px;font-size:14px;line-height:1.6;margin-bottom:16px;
}
.zk-alert a{text-decoration:underline;text-underline-offset:2px;font-weight:600}
.zk-alert.-ok{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
.zk-alert.-err{border-color:var(--err-line);background:var(--err-bg);color:var(--err)}
.zk-alert.-warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.zk-quorum-warn{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;padding:10px 12px;margin-bottom:12px}
.zk-quorum-warn svg{flex:0 0 auto;width:16px;height:16px;margin-top:2px}
.zk-alert ul{margin:10px 0 0;padding-left:20px}
.zk-alert li{margin-bottom:4px}
.zk-alert .zk-btn{margin-top:12px}

/* ── 6. KARTICE / ZNAČKE ───────────────────────────────────────────────── */
.zk-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.zk-card-h{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line-2)}
.zk-card-h h3{font-size:16px}
.zk-card-h > svg{width:18px;height:18px;flex:0 0 18px;color:var(--gold)}
.zk-card-b{padding:18px}
.zk-tag{
  display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:100px;
  background:var(--sunk);color:var(--muted);border:1px solid var(--line);
}
.zk-tag.-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.zk-tag.-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.zk-tag.-err{background:var(--err-bg);color:var(--err);border-color:var(--err-line)}
.zk-tag.-gold{background:var(--navy);color:var(--gold);border-color:var(--navy)}
html[data-theme="dark"] .zk-tag.-gold{background:var(--gold);color:var(--navy-d);border-color:var(--gold)}

/* ══════════════════════════════════════════════════════════════════════════
   7. PRIJAVNI ZASLON (login.php, register, reset_password, two_factor)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-auth{display:grid;grid-template-columns:1.02fr 1.1fr;min-height:100vh}

.zk-auth-side{
  background:radial-gradient(120% 90% at 80% 10%, rgba(197,164,126,.20) 0%, rgba(197,164,126,0) 55%),
             linear-gradient(165deg,#00306a 0%,var(--navy) 42%,var(--navy-d) 100%);
  color:#fff;padding:38px clamp(28px,4vw,62px);display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;align-self:start;overflow:hidden;
  /* Levi panel je prilepljen na višino okna: ko se desni stolpec podaljša
     (npr. preklop na daljšo registracijo), se hero besedilo ne premakne. */
}
.zk-auth-side::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 34px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.zk-auth-side > *{position:relative;z-index:2}
.zk-auth-logo img{height:28px;width:auto;display:block}
.zk-auth-side .zk-mid{margin:auto 0}
.zk-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.zk-auth-side h1{font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.03em;margin:16px 0 14px}
.zk-auth-side h1 em{font-style:normal;color:var(--gold);display:block}
.zk-auth-side p.zk-lead{color:rgba(255,255,255,.76);font-size:16px;max-width:44ch}
.zk-points{list-style:none;margin:30px 0 0;display:grid;gap:14px}
.zk-points li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:rgba(255,255,255,.82)}
.zk-points svg{width:19px;height:19px;flex:0 0 19px;color:var(--gold);margin-top:2px}
.zk-auth-foot{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:rgba(255,255,255,.42);margin-top:34px}
.zk-auth-nav{display:flex;gap:18px;font-size:13.5px;color:rgba(255,255,255,.7);margin-top:10px;flex-wrap:wrap}
.zk-auth-nav a:hover{color:var(--gold)}

.zk-auth-main{padding:34px clamp(20px,4vw,56px);display:flex;flex-direction:column;overflow-x:hidden}
.zk-auth-top{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.zk-auth-box{width:100%;max-width:470px;margin:0 auto;padding:5vh 0 40px}
/* Obrazec začne pri stalnem odmiku od vrha, ne na sredini: Prijava in
   Registracija štartata na isti višini, daljša se samo drsi navzdol. */
.zk-auth-box h2{font-size:25px;font-weight:700;margin-bottom:6px}
.zk-auth-box .zk-sub{color:var(--muted);font-size:14.5px;margin-bottom:24px}

.zk-tabs{display:flex;background:var(--sunk);border:1px solid var(--line);border-radius:100px;padding:4px;gap:4px;margin-bottom:24px}
.zk-tabs button{
  flex:1;border:0;background:none;border-radius:100px;padding:10px 8px;
  font-size:14px;font-weight:600;color:var(--muted);transition:.18s;
}
.zk-tabs button.on{background:var(--navy);color:#fff;box-shadow:var(--shadow)}
html[data-theme="dark"] .zk-tabs button.on{background:var(--gold);color:var(--navy-d)}
.zk-pane[hidden]{display:none}

/* ══════════════════════════════════════════════════════════════════════════
   8. LUPINA APLIKACIJE (dashboard in vse notranje strani)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-app{display:grid;grid-template-columns:272px 1fr;min-height:100vh}
.zk-scrim{display:none}

/* stranska vrstica */
.zk-rail{
  background:var(--rail);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:16px 12px;gap:5px;
  position:sticky;top:0;height:100vh;overflow-y:auto;
}
.zk-rail-brand{padding:6px 10px 16px}
.zk-rail-brand img{height:26px;width:auto;display:block}
.zk-rail-brand .zk-logo-dark{display:none}
html[data-theme="dark"] .zk-rail-brand .zk-logo-light{display:none}
html[data-theme="dark"] .zk-rail-brand .zk-logo-dark{display:block}

.zk-new{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:var(--navy);color:#fff;border:0;border-radius:10px;padding:11px 14px;
  font-weight:600;font-size:14.5px;transition:.2s;margin-bottom:12px;
}
.zk-new:hover{background:var(--navy-l);transform:translateY(-1px)}
.zk-new svg{width:17px;height:17px}
html[data-theme="dark"] .zk-new{background:var(--gold);color:var(--navy-d)}

.zk-nav-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 12px 6px}
.zk-nav-i{
  display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;
  font-size:14.5px;color:var(--ink-2);transition:.16s;position:relative;
}
.zk-nav-i:hover{background:var(--line-2);color:var(--ink)}
.zk-nav-i.on{background:var(--card);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}
.zk-nav-i.on::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
.zk-nav-i svg{width:18px;height:18px;flex:0 0 18px;opacity:.85}

.zk-rail-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px}
.zk-rail-foot .zk-org{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 13px}
.zk-rail-foot .zk-org > div{margin-top:0 !important}
.zk-rail-foot label{font-size:11.5px !important;font-weight:600;color:var(--muted);margin-bottom:6px !important;opacity:1 !important}
.zk-rail-foot select{
  width:100%;font-family:var(--body);font-size:13.5px;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);padding:8px 10px;cursor:pointer;
}
.zk-rail-foot select:focus{outline:none;border-color:var(--gold)}
.zk-who{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}
.zk-who:hover{background:var(--line-2)}
.zk-av{
  width:32px;height:32px;border-radius:9px;background:var(--navy);color:var(--gold);
  display:grid;place-items:center;font-family:var(--mono);font-size:12px;flex:0 0 32px;
}
html[data-theme="dark"] .zk-av{background:var(--gold);color:var(--navy-d)}
.zk-who .n{font-size:13.5px;font-weight:600;line-height:1.2;display:block}
.zk-who .r{font-size:11.5px;color:var(--muted);display:block}

/* glava */
.zk-main{display:flex;flex-direction:column;min-width:0}
.zk-top{
  display:flex;align-items:center;gap:14px;padding:13px 28px;
  border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:20;
}
.zk-crumb{font-size:13px;color:var(--muted);font-family:var(--mono);letter-spacing:.02em}
.zk-crumb b{color:var(--ink);font-family:var(--body);font-weight:600;letter-spacing:0;font-size:14.5px}
.zk-top-act{margin-left:auto;display:flex;align-items:center;gap:8px}
.zk-ib{
  width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--card);
  display:grid;place-items:center;color:var(--ink-2);
}
.zk-ib:hover{border-color:var(--gold);color:var(--ink)}
.zk-ib svg{width:17px;height:17px}
.zk-orgpill{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);
  border-radius:100px;padding:6px 14px;font-size:13.5px;font-weight:600;
}
.zk-orgpill svg{width:15px;height:15px;color:var(--gold)}
.zk-langsel{
  appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink-2);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;border-radius:100px;
  padding:8px 14px;cursor:pointer;
}
.zk-langsel:hover{border-color:var(--gold)}
.zk-burger{display:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);place-items:center}
.zk-burger svg{width:18px;height:18px}

/* vsebina */
.zk-view{padding:30px 28px 56px;max-width:1180px;width:100%}
.zk-page-h{margin-bottom:24px}
.zk-page-h h1{font-size:29px}
.zk-page-h p{color:var(--muted);font-size:15px;margin-top:6px}

.zk-hello{
  background:linear-gradient(140deg,var(--navy) 0%,var(--navy-d) 100%);color:#fff;
  border-radius:var(--r);padding:26px 28px;position:relative;overflow:hidden;margin-bottom:22px;
}
.zk-hello::after{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;top:-200px;right:-90px;
  background:radial-gradient(circle,rgba(197,164,126,.28),transparent 65%);
}
.zk-hello > *{position:relative;z-index:2}
.zk-hello .zk-eyebrow{color:var(--gold)}
.zk-hello h1{font-size:clamp(24px,2.6vw,32px);margin:10px 0 8px;color:#fff}
.zk-hello p{color:rgba(255,255,255,.74);font-size:14.5px}
.zk-hello-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.zk-hello-meta span{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:100px;
  padding:6px 14px;font-size:12.5px;font-family:var(--mono);color:rgba(255,255,255,.85);
}
.zk-hello-meta span b{color:var(--gold);font-weight:500}

.zk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zk-tile{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:22px 22px 24px;transition:.2s;display:flex;flex-direction:column;height:100%;
}
.zk-tile:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.zk-tile .ic{
  width:42px;height:42px;border-radius:12px;background:var(--gold-soft);
  border:1px solid rgba(197,164,126,.32);display:grid;place-items:center;color:#8A6A42;margin-bottom:16px;
}
html[data-theme="dark"] .zk-tile .ic{background:rgba(197,164,126,.14);color:var(--gold)}
.zk-tile .ic svg{width:20px;height:20px}
.zk-tile h3{font-size:16.5px;margin-bottom:7px}
.zk-tile p{font-size:14px;color:var(--muted);line-height:1.6}
.zk-tile .go{margin-top:14px;font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:6px}
html[data-theme="dark"] .zk-tile .go{color:var(--gold)}
.zk-tile:hover .go{gap:10px}

.zk-appfoot{
  margin-top:auto;padding:20px 28px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:11.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;
}
.zk-appfoot .end{margin-left:auto}

/* ── 9. RESPONSIVE ─────────────────────────────────────────────────────── */
@media(max-width:1100px){
  .zk-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .zk-auth{grid-template-columns:1fr}
  .zk-auth-side{padding:26px 24px 34px;position:static;height:auto}
  .zk-auth-side .zk-mid{margin:22px 0 0}
  .zk-points,.zk-auth-foot{display:none}
  .zk-auth-side h1{font-size:26px}
}
@media(max-width:900px){
  .zk-app{grid-template-columns:1fr}
  .zk-rail{
    position:fixed;left:0;top:0;bottom:0;width:272px;z-index:60;
    transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-l);
  }
  .zk-app.zk-open .zk-rail{transform:none}
  .zk-burger{display:grid}
  .zk-view{padding:22px 18px 48px}
  .zk-top{padding:12px 18px}
  .zk-grid{grid-template-columns:1fr}
  .zk-scrim{position:fixed;inset:0;background:rgba(0,18,41,.5);z-index:50}
  .zk-app.zk-open .zk-scrim{display:block}
}
@media(max-width:560px){
  .zk-orgpill{display:none}
  .zk-appfoot .end{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}
@media print{
  .zk-rail,.zk-top,.zk-appfoot{display:none}
  .zk-app{grid-template-columns:1fr}
}

/* dodatek: majhne ikone v ploščicah in seznamih */
.zk-tile .go svg{width:15px;height:15px;transition:.2s}
.zk-alert .zk-btn svg{width:16px;height:16px}

/* ══════════════════════════════════════════════════════════════════════════
   10. KARTICE SEJ / SEZNAMI (current_meetings, archive, meeting_details)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-mcard{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:22px 22px 24px;display:flex;flex-direction:column;height:100%;transition:.2s;
}
.zk-mcard:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.zk-mcard-top{display:flex;align-items:center;gap:9px;margin-bottom:13px;flex-wrap:wrap}
.zk-mcard h3{font-size:17px;line-height:1.3;margin-bottom:16px}
.zk-meta{list-style:none;display:grid;gap:9px;margin-bottom:20px;font-size:14px}
.zk-meta li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);line-height:1.45}
.zk-meta svg{width:16px;height:16px;flex:0 0 16px;color:var(--gold);margin-top:2px}
.zk-meta b{font-weight:600;color:var(--muted);font-size:12.5px;display:block}
.zk-acts{margin-top:auto;display:grid;gap:8px}
.zk-acts form{display:block;margin:0}
.zk-acts .zk-btn{width:100%}
.zk-acts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.zk-empty{
  grid-column:1/-1;text-align:center;padding:56px 24px;color:var(--muted);
  background:var(--card);border:1px dashed var(--line);border-radius:var(--r);
}
.zk-empty svg{width:34px;height:34px;color:var(--gold);margin:0 auto 14px;display:block}
.zk-empty p{font-size:15px}
.zk-backrow{margin-top:28px}
.zk-btn.zk-danger:hover{border-color:var(--err);color:var(--err)}

/* izbirnik organizacije v glavi */
.zk-orgform{position:relative;display:inline-flex;align-items:center;margin:0}
.zk-orgicon{position:absolute;left:13px;display:grid;place-items:center;color:var(--gold);pointer-events:none}
.zk-orgicon svg{width:15px;height:15px;display:block}
.zk-orgform::after{content:"";position:absolute;right:14px;width:7px;height:7px;pointer-events:none;
  border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-2px) rotate(45deg)}
.zk-orgsel{
  appearance:none;-webkit-appearance:none;
  border:1px solid var(--line);background:var(--card);color:var(--ink);
  border-radius:100px;padding:8px 34px 8px 35px;
  font-family:var(--body);font-size:13.5px;font-weight:600;cursor:pointer;
  max-width:250px;text-overflow:ellipsis;
}
.zk-orgsel:hover{border-color:var(--gold)}
.zk-orgsel:focus{outline:none;border-color:var(--gold)}
.zk-orgsel option{font-weight:400;color:var(--ink);background:var(--card)}
@media(max-width:700px){ .zk-orgsel{max-width:150px} }

/* ══════════════════════════════════════════════════════════════════════════
   11. OBRAZCI — večpolne strani (create_meeting, edit_meeting, profile)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-input,.zk-field textarea,.zk-field select{font-family:var(--body)}
.zk-input:hover{border-color:var(--muted)}
.zk-input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,40,85,.1)}
html[data-theme="dark"] .zk-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,164,126,.16)}
textarea.zk-input{resize:vertical;min-height:88px;line-height:1.6}
select.zk-input{cursor:pointer}

.zk-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.zk-row>*{min-width:0}   /* mrežni stolpci se ne smejo razširiti čez svojo širino zaradi vsebine */

/* Datumska/urna polja: iOS Safari jim da lastno notranjo širino, sredinsko poravnavo
   in ignorira width:100% -> polje na telefonu štrli iz kartice (create_meeting.php,
   edit_meeting.php, arhiv). Izklop nativnega videza in trda omejitev širine. */
input[type=date].zk-input,input[type=time].zk-input,input[type=datetime-local].zk-input,input[type=month].zk-input,
.zk-field input[type=date],.zk-field input[type=time],.zk-field input[type=datetime-local],.zk-field input[type=month]{
  -webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;
  min-height:48px;text-align:left;line-height:1.4;
}
input[type=date].zk-input::-webkit-date-and-time-value,input[type=time].zk-input::-webkit-date-and-time-value,
input[type=datetime-local].zk-input::-webkit-date-and-time-value,
.zk-field input[type=date]::-webkit-date-and-time-value,.zk-field input[type=time]::-webkit-date-and-time-value,
.zk-field input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
input[type=date].zk-input::-webkit-calendar-picker-indicator,input[type=datetime-local].zk-input::-webkit-calendar-picker-indicator,
input[type=time].zk-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
.zk-stack{display:grid;gap:18px}
.zk-cards{display:grid;gap:18px;margin-bottom:22px}
.zk-card-h .zk-badge{margin-left:auto}

.zk-badge{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;
  padding:4px 10px;border-radius:100px;background:var(--sunk);color:var(--muted);border:1px solid var(--line);
}
.zk-badge.-err{background:var(--err-bg);color:var(--err);border-color:var(--err-line)}
.zk-badge.-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.zk-badge.-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}

/* dnevni red — kompakten seznam točk */
#agenda-list{display:grid;gap:10px}
#agenda-list:empty::before,#proposals-list:empty::before{
  content:attr(data-empty);display:block;padding:24px;text-align:center;color:var(--muted);
  border:1px dashed var(--line);border-radius:var(--r);font-size:14.5px;
}
.agenda-item{
  display:flex;align-items:center;gap:12px;
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:var(--r-s);padding:10px 12px 10px 14px;
}
.agenda-item:hover{border-color:var(--gold)}
.agenda-item .tocka-st{font-family:var(--display);font-size:16px;font-weight:700;color:var(--ink);min-width:24px}
.agenda-item .ai-title{
  flex:1 1 200px;border:none;border-bottom:1px solid transparent;border-radius:0;
  padding:6px 0;font-size:15px;font-weight:500;background:transparent;
}
.agenda-item .ai-title:hover{border-bottom-color:var(--line)}
.agenda-item .ai-title:focus{border-bottom-color:var(--gold);box-shadow:none}
.drag-handle{cursor:grab;font-size:15px;color:var(--muted);opacity:.5;user-select:none;line-height:1}
.drag-handle:hover{opacity:1;color:var(--gold)}
.sortable-ghost{opacity:.35}

/* sklepi — samostojna kartica, vsak sklep ve, pod katero točko spada */
#proposals-list{display:grid;gap:12px}
.proposal-item{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r-s);padding:14px}
.pi-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.prop-global{
  min-width:28px;justify-content:center;font-weight:500;
  background:var(--navy);color:var(--gold);border-color:var(--navy);
}
html[data-theme="dark"] .prop-global{background:var(--gold);color:var(--navy-d);border-color:var(--gold)}
.prop-agenda{flex:0 1 250px;padding:7px 12px;font-size:13.5px;background:var(--card)}
.pi-head .zk-btn{margin-left:auto}
.proposal-item .pi-text{width:100%;background:var(--card)}
.proposal-item textarea{margin-top:9px;font-size:13.5px;min-height:70px;background:var(--card)}

/* gradiva */
.zk-filelist{list-style:none;display:grid;gap:8px;margin-top:14px}
.zk-fileitem{
  display:flex;align-items:center;gap:12px;background:var(--sunk);border:1px solid var(--line-2);
  border-radius:var(--r-s);padding:9px 12px;font-size:14px;
}
.zk-fileitem span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
input[type=file].zk-input{padding:10px 12px;cursor:pointer}
input[type=file].zk-input::file-selector-button{
  font-family:var(--body);font-size:13.5px;font-weight:600;margin-right:12px;cursor:pointer;
  border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:100px;padding:6px 14px;
}
input[type=file].zk-input::file-selector-button:hover{border-color:var(--gold)}

.zk-submit{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}
.zk-submit .zk-spacer{flex:1}

@media(max-width:760px){
  .zk-row{grid-template-columns:1fr}
  .ai-props{margin-left:0}
}

/* ══════════════════════════════════════════════════════════════════════════
   12. ARHIV — filtri, spustni meni za izvoz, seznam sej
   ══════════════════════════════════════════════════════════════════════════ */
.zk-filters{display:grid;gap:14px}
.zk-frow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.zk-frow .zk-field{margin-bottom:0}
.zk-search{position:relative}
.zk-search > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted);pointer-events:none}
.zk-search input{padding-left:42px}
.zk-fbtns{display:flex;gap:8px;flex-wrap:wrap}

.zk-dd{position:relative;display:inline-block}
.zk-dd-menu{
  position:absolute;right:0;top:calc(100% + 6px);min-width:262px;z-index:40;display:none;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;
}
.zk-dd.open .zk-dd-menu{display:block}
.zk-dd-h{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px 6px}
.zk-dd-i{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;cursor:pointer;color:var(--ink)}
.zk-dd-i:hover{background:var(--line-2)}
.zk-dd-i svg{width:16px;height:16px;color:var(--gold);flex:0 0 16px}
.zk-dd-sep{height:1px;background:var(--line-2);margin:6px 4px}
.zk-dd .zk-btn svg:last-child{transition:transform .2s}
.zk-dd.open .zk-btn svg:last-child{transform:rotate(180deg)}

.zk-count{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 12px 2px}
.zk-list{display:grid;gap:8px}
.zk-arow{
  display:flex;align-items:center;gap:16px;padding:14px 16px;cursor:pointer;transition:.16s;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
}
.zk-arow:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.zk-arow .am{flex:1;min-width:0}
.zk-arow .am b{display:block;font-size:15px;font-weight:600;line-height:1.35;margin-bottom:4px}
.zk-arow .am .sub{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.zk-arow .am .sub span{display:inline-flex;align-items:center;gap:5px}
.zk-arow .am .sub svg{width:13px;height:13px;color:var(--gold)}
.zk-arow .acts{display:flex;gap:7px;flex:0 0 auto;align-items:center}
.zk-arow .acts .zk-btn{padding:6px 11px;font-size:12px}
.zk-arow .go{color:var(--muted);display:grid;place-items:center}
.zk-arow .go svg{width:17px;height:17px}
.zk-arow:hover .go{color:var(--gold)}

@media(max-width:900px){
  .zk-frow{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .zk-frow{grid-template-columns:1fr}
  .zk-arow{flex-wrap:wrap}
  .zk-arow .am{flex:1 1 100%}
  .zk-arow .go{display:none}
}

/* ══════════════════════════════════════════════════════════════════════════
   13. ZLOŽLJIVE KARTICE (profile, manage_users, finance)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-acc{overflow:hidden}
.zk-acc + .zk-acc{margin-top:16px}
.zk-acc-h{
  display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  background:none;border:0;padding:16px 18px;color:var(--ink);font-family:var(--body);
  border-bottom:1px solid transparent;transition:.16s;
}
.zk-acc-h:hover{background:var(--sunk)}
.zk-acc-h > svg{width:18px;height:18px;flex:0 0 18px;color:var(--gold)}
.zk-acc .zk-acc{border-radius:var(--r-s)}
.zk-acc .zk-acc .zk-acc-h{padding:12px 14px}
.zk-acc .zk-acc .zk-acc-h .t{font-size:14.5px}
.zk-acc .zk-acc .zk-acc-b{padding:16px 14px 18px}
.zk-acc-h .t{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.01em;flex:1;min-width:0}
.zk-acc-h .zk-tag{flex:0 0 auto}
.zk-acc-h .ind{margin-left:auto;color:var(--muted);display:grid;place-items:center;transition:transform .2s}
.zk-acc-h .ind svg{width:17px;height:17px}
.zk-acc.open > .zk-acc-h{border-bottom-color:var(--line-2)}
.zk-acc.open > .zk-acc-h .ind{transform:rotate(180deg)}
.zk-acc-b{display:none;padding:20px 18px 22px}
.zk-acc.open > .zk-acc-b{display:block}
.zk-acc.-danger{border-color:var(--err-line)}
.zk-acc.-danger .zk-acc-h > svg,.zk-acc.-danger .zk-acc-h .t{color:var(--err)}

.zk-formfoot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}
.zk-logo-prev{
  display:inline-flex;align-items:center;justify-content:center;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-s);padding:8px 12px;margin-bottom:10px;
}
.zk-logo-prev img{max-height:56px;width:auto;object-fit:contain;display:block}
.zk-inline{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0}

/* ══════════════════════════════════════════════════════════════════════════
   14. TABELE (manage_users, superadmin)
   ══════════════════════════════════════════════════════════════════════════ */
.zk-tablewrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.zk-table{width:100%;border-collapse:collapse}
.zk-table th{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--sunk);white-space:nowrap;
}
.zk-table td{padding:10px 14px;border-bottom:1px solid var(--line-2);font-size:14px;vertical-align:middle}
.zk-table tr:last-child td{border-bottom:0}
.zk-table tbody tr:hover{background:var(--sunk)}
.zk-table .num{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap;width:1%}
.zk-table td:not(.num):not(.r-acts){white-space:normal}
.zk-table th{white-space:nowrap}
.zk-table .who b{font-weight:600}
.zk-table select.zk-input{padding:7px 10px;font-size:13.5px;min-width:130px}
.zk-table .acts{display:flex;gap:7px;justify-content:flex-end}
.zk-table .acts .zk-btn{padding:6px 12px;font-size:12.5px}
.zk-table .r-acts{text-align:right;white-space:nowrap}
.zk-hidden-forms{display:none}

@media(max-width:820px){
  .zk-table thead{display:none}
  .zk-table,.zk-table tbody,.zk-table tr,.zk-table td{display:block;width:100%}
  .zk-table tr{border-bottom:1px solid var(--line);padding:10px 4px}
  .zk-table tr:last-child{border-bottom:0}
  .zk-table td{border:0;padding:6px 12px;display:flex;align-items:center;gap:12px}
  .zk-table td::before{
    content:attr(data-label);font-family:var(--mono);font-size:10px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--muted);flex:0 0 90px;
  }
  .zk-table td.num{width:auto;white-space:normal}
  .zk-table .acts{justify-content:flex-start;flex:1}
  .zk-table td > .zk-input{flex:1}
}

/* ══════════════════════════════════════════════════════════════════════════
   15. SEZNAM ČLANOV (manage_users) — namesto tabele
   ══════════════════════════════════════════════════════════════════════════ */
.zk-mtools{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.zk-mtools .zk-search{flex:1 1 240px;max-width:340px}
.zk-mtools .zk-search input{padding:9px 12px 9px 40px;font-size:14px}
.zk-mcount{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-left:auto}

.zk-mlist{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.zk-mrow{
  display:grid;grid-template-columns:34px minmax(0,1fr) 172px auto;
  align-items:center;gap:14px;padding:11px 14px;
  border-bottom:1px solid var(--line-2);transition:background .15s;
}
.zk-mrow:last-child{border-bottom:0}
.zk-mrow:hover{background:var(--sunk)}
.zk-mrow.dirty{background:var(--gold-soft)}
html[data-theme="dark"] .zk-mrow.dirty{background:rgba(197,164,126,.12)}
.zk-mrow[hidden]{display:none}

.zk-av-sm{
  width:34px;height:34px;border-radius:9px;background:var(--sunk);border:1px solid var(--line);
  display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);
}
.zk-mrow:hover .zk-av-sm{border-color:var(--gold)}
.zk-mname{min-width:0}
.zk-mname b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-mname .sub{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px;
}
.zk-mname .sub .em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:26ch}
.zk-mrow select.zk-input{padding:7px 11px;font-size:13.5px;width:100%}
.zk-mact{display:flex;gap:7px;justify-content:flex-end;align-items:center;min-width:104px}
.zk-mact .zk-save{display:none}
.zk-mrow.dirty .zk-mact .zk-save{display:inline-flex}
.zk-ib-sm{
  width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);
  display:grid;place-items:center;color:var(--muted);flex:0 0 32px;transition:.16s;
}
.zk-ib-sm svg{width:16px;height:16px}
.zk-ib-sm:hover{border-color:var(--err);color:var(--err);background:var(--err-bg)}
.zk-mempty{padding:22px 14px;text-align:center;color:var(--muted);font-size:14px}
/* Član / Glasuje pri članu skupine */
.zk-mrole{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.zk-mflags{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}
.zk-mflag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);cursor:pointer;user-select:none}
.zk-mflag input{accent-color:var(--navy);width:15px;height:15px;margin:0;cursor:pointer}
.zk-mflag input:disabled{cursor:not-allowed;opacity:.45}
.zk-mflag input:checked+span{color:var(--ink)}

@media(max-width:760px){
  .zk-mrow{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"av name" "role role" "act act";gap:10px 12px;padding:14px}
  .zk-mrow .zk-av-sm{grid-area:av}
  .zk-mname{grid-area:name}
  .zk-mrow .zk-mrole{grid-area:role}
  .zk-mact{grid-area:act;justify-content:flex-start}
  .zk-mact .zk-save{display:inline-flex}
}
.zk-acc-h .t .zk-sub{display:block;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:2px}

/* ══════════════════════════════════════════════════════════════════════════
   16. FINANCE — izbira paketa, stanja, predračuni
   ══════════════════════════════════════════════════════════════════════════ */
.zk-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.zk-pkg{
  display:block;cursor:pointer;text-align:center;background:var(--card);
  border:2px solid var(--line);border-radius:var(--r);padding:16px 14px;transition:.16s;position:relative;
}
.zk-pkg:hover{border-color:var(--gold-hi)}
.zk-pkg input{position:absolute;opacity:0;width:0;height:0}
.zk-pkg.on{border-color:var(--gold);background:var(--gold-soft)}
html[data-theme="dark"] .zk-pkg.on{background:rgba(197,164,126,.12)}
.zk-pkg .n{font-family:var(--display);font-weight:700;font-size:16px;color:var(--navy);letter-spacing:.02em}
html[data-theme="dark"] .zk-pkg .n{color:var(--gold)}
.zk-pkg .d{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.45}
.zk-pkg input:focus-visible + .n{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

.zk-state{
  background:var(--card);border:1px solid var(--gold);border-radius:var(--r-l);
  padding:38px 30px;text-align:center;max-width:640px;margin:0 auto;
}
.zk-state .ic{
  width:56px;height:56px;border-radius:16px;background:var(--gold-soft);border:1px solid rgba(197,164,126,.35);
  display:grid;place-items:center;color:#8A6A42;margin:0 auto 18px;
}
html[data-theme="dark"] .zk-state .ic{background:rgba(197,164,126,.14);color:var(--gold)}
.zk-state .ic svg{width:26px;height:26px}
.zk-state h2{font-size:21px;margin-bottom:10px}
.zk-state p{color:var(--muted);font-size:14.5px;max-width:52ch;margin:0 auto 8px}
.zk-state a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px}
html[data-theme="dark"] .zk-state a{color:var(--gold)}

.zk-req{max-width:820px;margin:0 auto}
.zk-req .zk-req-head{text-align:center;margin-bottom:26px}
.zk-req .zk-req-head h2{font-size:22px;margin:14px 0 8px}
.zk-req .zk-req-head p{color:var(--muted);font-size:14.5px;max-width:56ch;margin:0 auto}
.zk-req .zk-req-head .ic{
  width:52px;height:52px;border-radius:14px;background:var(--gold-soft);border:1px solid rgba(197,164,126,.35);
  display:grid;place-items:center;color:#8A6A42;margin:0 auto;
}
html[data-theme="dark"] .zk-req .zk-req-head .ic{background:rgba(197,164,126,.14);color:var(--gold)}
.zk-req .zk-req-head .ic svg{width:24px;height:24px}
.zk-req-3{display:grid;grid-template-columns:2fr 1fr;gap:0 18px}
.zk-req-2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.zk-req .req{color:var(--err)}
@media(max-width:700px){
  .zk-pkgs{grid-template-columns:1fr}
  .zk-req-3,.zk-req-2{grid-template-columns:1fr}
}
.zk-table td .zk-tag{white-space:nowrap}
.zk-table .wrap{white-space:normal;max-width:340px}

/* označeno za brisanje (edit_meeting) */
.proposal-item.deleted{opacity:.45}
.agenda-item.deleted .ai-title,
.proposal-item.deleted .pi-text{text-decoration:line-through}
.zk-btn.-undo{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.zk-doc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--sunk)}
.zk-doc + .zk-doc{margin-top:8px}
/* gradivo: kljukica "ne objavi na spletni strani" (sklic in urejanje seje) */
.zk-docpriv{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap;cursor:pointer;flex:0 0 auto}
.zk-docpriv input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--navy);cursor:pointer}
.zk-docpriv:hover{color:var(--ink)}
.zk-fileitem .zk-docpriv{margin-left:auto}
.zk-doc .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.zk-doc.marked{opacity:.55}
.zk-doc.marked .nm{text-decoration:line-through}

/* ══════════════════════════════════════════════════════════════════════════
   18. ZDRUŽLJIVOSTNI SLOJ — snemalnik govora izrisuje svoj UI z Bootstrap
        razredi; tu jim damo videz aplikacije, ne da bi se dotikali skripte.
   ══════════════════════════════════════════════════════════════════════════ */
.zk-view i[class^="ti-"],.zk-view i[class*=" ti-"],#fap-root i[class^="ti-"]{display:none}
.zk-view .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px;overflow:hidden}
.zk-view .card-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-2);font-family:var(--display);font-weight:600;font-size:15px}
.zk-view .card-body{padding:18px}
.zk-view .alert{border:1px solid var(--info-line);background:var(--info-bg);color:var(--info);border-radius:var(--r-s);padding:12px 14px;font-size:14px;margin-bottom:14px}
.zk-view .alert-warning{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.zk-view .badge{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:100px;background:var(--sunk);color:var(--muted);border:1px solid var(--line)}
.zk-view .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-s);padding:9px 16px;font-size:14px;font-weight:600;font-family:var(--body);cursor:pointer;transition:.16s}
.zk-view .btn:hover:not(:disabled){border-color:var(--gold)}
.zk-view .btn:disabled{opacity:.45;cursor:not-allowed}
.zk-view .btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}
.zk-view .btn-danger{background:var(--err-bg);border-color:var(--err-line);color:var(--err)}
.zk-view .btn-dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.zk-view .btn-sm{padding:6px 12px;font-size:13px}
.zk-view .btn-close{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1}
.zk-view .text-muted{color:var(--muted)}
.zk-view .fw-semibold{font-weight:600}
.zk-view .flex-grow-1{flex:1 1 auto}
.zk-view .d-flex{display:flex}
.zk-view .d-block{display:block}
.zk-view .align-items-center{align-items:center}
.zk-view .justify-content-between{justify-content:space-between}
.zk-view .flex-wrap{flex-wrap:wrap}
.zk-view .text-center{text-align:center}
.zk-view .bg-light{background:var(--sunk)}
.zk-view .rounded,.zk-view .border{border-radius:var(--r-s)}
.zk-view .border{border:1px solid var(--line-2)}
.zk-view .gap-2{gap:8px} .zk-view .gap-3{gap:12px}
.zk-view .p-3{padding:14px} .zk-view .px-3{padding-left:14px;padding-right:14px} .zk-view .py-2{padding-top:8px;padding-bottom:8px}
.zk-view .mb-0{margin-bottom:0} .zk-view .mb-1{margin-bottom:4px} .zk-view .mb-2{margin-bottom:8px} .zk-view .mb-3{margin-bottom:12px} .zk-view .mt-3{margin-top:12px}
.zk-view .me-1{margin-right:4px} .zk-view .me-2{margin-right:8px} .zk-view .ms-2{margin-left:8px}

/* snemalnik govora izrisuje glavo z vgrajenimi barvami — poenotimo jo */
#speech-recorder-card .card-header{background:var(--card) !important;color:var(--ink) !important;border-bottom:1px solid var(--line-2) !important}
#speech-recorder-card .card-header h5{font-family:var(--display);font-size:15px;font-weight:600}
#speech-recorder-card .card-header .btn{background:var(--card) !important;color:var(--ink) !important;border:1px solid var(--line) !important}
#speech-recorder-card .card-header .btn:hover{border-color:var(--gold) !important}
#speech-recorder-card #speech-transcript-log{background:var(--sunk) !important;border-color:var(--line-2) !important}
#speech-recorder-card #speech-transcript-log .transcript-entry{background:var(--card) !important;border-left-color:var(--gold) !important}
#speech-recorder-card #speech-timer{font-family:var(--mono) !important}

/* ══════════════════════════════════════════════════════════════════════════
   17. DELOVNI ZASLON SEJE
   ══════════════════════════════════════════════════════════════════════════ */
body.zk-meeting .zk-app{grid-template-columns:250px 1fr}
.zk-mhead{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30}
.zk-mhead-in{display:flex;align-items:center;gap:14px;padding:13px 24px;flex-wrap:wrap}
.zk-mtitle{min-width:0;flex:1 1 240px}
.zk-mtitle h1{font-size:19px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-mtitle .sub{font-family:var(--mono);font-size:11.5px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-top:3px}
.zk-mtitle .sub b{color:var(--ink)}
.zk-livechip{display:inline-flex;align-items:center;gap:7px;background:var(--err-bg);color:var(--err);border:1px solid var(--err-line);
  border-radius:100px;padding:5px 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.zk-livechip i{width:7px;height:7px;border-radius:50%;background:var(--err);animation:zkpulse 1.4s infinite}
@keyframes zkpulse{0%,100%{opacity:1}50%{opacity:.25}}
.zk-clock{font-family:var(--mono);font-size:21px;font-weight:500;letter-spacing:.03em}
.zk-mhead .sp{flex:1 1 20px}
/* Pozor: razred .zk-tabs je zaseden za zavihka na prijavni strani (pilula).
   Zavihki seje imajo zato lastna imena, sicer bi podedovali flex:1 in okvir. */
.zk-mtabs{display:flex;gap:2px;padding:0 24px;overflow-x:auto;background:none;border:0;border-radius:0}
.zk-mtab{
  flex:0 0 auto;appearance:none;-webkit-appearance:none;
  border:0 none;border-bottom:2px solid transparent;border-radius:0;
  background:none;padding:11px 16px;margin:0;
  font-family:var(--body);font-size:14px;font-weight:600;color:var(--muted);
  white-space:nowrap;transition:.15s;
}
.zk-mtab:hover{color:var(--ink)}
.zk-mtab.on{color:var(--ink);border-bottom-color:var(--gold)}
body.zk-tab-live #zk-tab-docs,
body.zk-tab-live #zk-tab-seats{display:none}
body.zk-tab-docs #work_root,
body.zk-tab-docs #md_main,
body.zk-tab-docs #zk-tab-seats{display:none}
body.zk-tab-seats #work_root,
body.zk-tab-seats #md_main,
body.zk-tab-seats #zk-tab-docs{display:none}

.zk-work{display:grid;grid-template-columns:288px minmax(0,1fr) 340px;flex:1;min-height:0}
.zk-work.-two{grid-template-columns:288px minmax(0,1fr)}
.zk-work.-one{grid-template-columns:minmax(0,1fr)}
.zk-col{padding:20px;min-width:0}
.zk-col-a{border-right:1px solid var(--line);background:var(--sunk)}
.zk-col-c{border-left:1px solid var(--line);background:var(--sunk)}
.zk-colh{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  margin-bottom:12px;display:flex;align-items:center;gap:8px}
.zk-colh .n{margin-left:auto;font-size:11px}

/* dnevni red kot časovnica */
.zk-tl{position:relative;padding-left:26px}
.zk-tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--line)}
.zk-tl form{margin:0}
.zk-tli{position:relative;display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);
  padding:10px 12px;border-radius:var(--r-s);margin-bottom:4px;font-family:var(--body);transition:.15s}
.zk-tli::before{content:"";position:absolute;left:-22px;top:16px;width:12px;height:12px;border-radius:50%;
  background:var(--sunk);border:2px solid var(--line)}
.zk-tli:hover{background:var(--card)}
.zk-tli .n{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.zk-tli .t{font-size:14px;line-height:1.4;margin-top:2px}
.zk-tli.done{color:var(--muted)}
.zk-tli.done::before{background:var(--ok);border-color:var(--ok)}
.zk-tli.now{background:var(--card);box-shadow:var(--shadow);font-weight:600}
.zk-tli.now::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
html[data-theme="dark"] .zk-tli.now::before{box-shadow:0 0 0 4px rgba(197,164,126,.18)}
.zk-tli .meta{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px}
.zk-tlnav{display:flex;gap:8px;margin-top:16px}
.zk-tlnav form{flex:1;margin:0}
.zk-tlnav .zk-btn{width:100%}

/* trenutna točka */
.zk-nowhead{margin-bottom:18px}
.zk-nowhead .kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.zk-nowhead h2{font-size:clamp(19px,2.2vw,24px);font-weight:700;margin:6px 0 10px}
.zk-nowmeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.zk-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px}
.zk-panel-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.zk-panel-h h3{font-size:15px;flex:1;min-width:100px}
.zk-panel-h > svg{width:17px;height:17px;color:var(--gold);flex:0 0 17px}
.zk-panel-h form{margin:0}
.zk-panel-b{padding:16px}

.zk-trbox{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.zk-tri{border-left:3px solid var(--gold);padding:8px 0 8px 12px}
.zk-tri .m{font-family:var(--mono);font-size:10.5px;color:var(--muted);display:flex;gap:8px;margin-bottom:3px}
.zk-tri .x{font-size:14.5px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap}
.zk-tri.-live{border-left-color:var(--err)}
.zk-tri.-live .x{color:var(--ink)}
.zk-trempty{color:var(--muted);font-size:14px;text-align:center;padding:22px 0}

.zk-people{display:flex;gap:7px;flex-wrap:wrap}
.zk-chip-p{display:inline-flex;align-items:center;gap:7px;background:var(--sunk);border:1px solid var(--line);
  border-radius:100px;padding:4px 12px 4px 4px;font-size:13px}
.zk-chip-p .av{width:22px;height:22px;border-radius:50%;background:var(--navy);color:var(--gold);
  display:grid;place-items:center;font-family:var(--mono);font-size:9.5px;flex:0 0 22px}
html[data-theme="dark"] .zk-chip-p .av{background:var(--gold);color:var(--navy-d)}
.zk-chip-p .tm{font-family:var(--mono);font-size:10px;color:var(--muted)}

/* glasovanje */
.zk-vcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden}
.zk-vcard.-live{border-color:var(--gold);box-shadow:var(--shadow)}
.zk-vcard-h{padding:11px 14px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:8px}
.zk-vcard-h .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.zk-vcard-h .zk-tag{margin-left:auto}
.zk-vcard-b{padding:14px}
.zk-vcard-b .txt{font-size:14px;line-height:1.55;margin-bottom:14px}
.zk-vbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.zk-vb{border:1.5px solid;border-radius:var(--r-s);padding:11px 4px;font-size:13px;font-weight:700;
  transition:.14s;background:var(--card);font-family:var(--body)}
.zk-vb.-y{color:var(--ok);border-color:var(--ok-line)}
.zk-vb.-n{color:var(--err);border-color:var(--err-line)}
.zk-vb.-a{color:var(--warn);border-color:var(--warn-line)}
.zk-vb:hover:not(:disabled){transform:translateY(-1px)}
.zk-vb:disabled{opacity:.45;cursor:not-allowed}
.zk-vb.mine.-y{background:var(--ok);color:#fff;border-color:var(--ok)}
.zk-vb.mine.-n{background:var(--err);color:#fff;border-color:var(--err)}
.zk-vb.mine.-a{background:var(--warn);color:#fff;border-color:var(--warn)}
.zk-vbar{display:flex;height:8px;border-radius:100px;overflow:hidden;background:var(--line-2);margin-bottom:8px}
.zk-vbar i{display:block;height:100%;min-width:0;flex:0 0 auto;transition:width .4s}
.zk-vnone{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:8px}
.zk-vbar .y{background:var(--ok)} .zk-vbar .n{background:var(--err)} .zk-vbar .a{background:var(--warn)}
.zk-vnums{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)}
.zk-vnums b{color:var(--ink)}
.zk-vfoot{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.zk-vfoot form{margin:0}
.zk-vfoot .zk-btn{width:100%}
.zk-named-mini{margin-top:10px;display:grid;gap:6px}
.zk-named-mini .r{display:flex;gap:8px;align-items:flex-start;font-size:12px}
.zk-named-mini .r .l{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 62px;padding-top:3px}
.zk-named-mini .r .v{flex:1;display:flex;gap:5px;flex-wrap:wrap}

/* snemanje */
.zk-rec{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:16px}
.zk-rec.-on{border-color:var(--err-line)}
.zk-rec-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.zk-rec-top > svg{width:17px;height:17px;color:var(--gold)}
.zk-rec-top .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:1}
.zk-rec-time{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--err);display:none;align-items:center;gap:8px}
.zk-rec.-on .zk-rec-time{display:inline-flex}
.zk-rec-time i{width:9px;height:9px;border-radius:50%;background:var(--err);animation:zkpulse 1.3s infinite}
.zk-rec .zk-btn{width:100%}
.zk-rec-hint{font-size:11.5px;color:var(--muted);margin-top:9px;text-align:center;line-height:1.5}

/* gradivo */
.zk-docs{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px 24px}
.zk-inforow{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.zk-inforow:last-child{border-bottom:0}
.zk-inforow b{flex:0 0 130px;font-size:12.5px;color:var(--muted);font-weight:600}
.zk-docrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.zk-docrow:last-child{border-bottom:0}
.zk-docrow .nm{flex:1;min-width:140px;font-size:14px}

/* snemalnik ostane priklopljen, a skrit — njegov vmesnik je zdaj v desnem stolpcu */
.zk-rec-mount{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.alert.position-fixed{
  position:fixed;top:20px;right:20px;z-index:9999;max-width:420px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 16px;font-size:14px;color:var(--ink);box-shadow:var(--shadow);
}
.alert.position-fixed.alert-warning{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.alert.position-fixed.alert-danger{border-color:var(--err-line);background:var(--err-bg);color:var(--err)}

/* mobilna vrstica */
#zk-mbar{display:none}
@media(max-width:1240px){
  .zk-work{grid-template-columns:270px minmax(0,1fr)}
  .zk-col-c{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
  .zk-work.-two{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:980px){
  body.zk-meeting .zk-app{grid-template-columns:1fr}
  body.zk-meeting .zk-rail{position:fixed;transform:translateX(-100%)}
  body.zk-meeting .zk-app.zk-open .zk-rail{transform:none}
  .zk-work,.zk-work.-two,.zk-work.-one{grid-template-columns:1fr}
  .zk-col-a{border-right:0;border-bottom:1px solid var(--line)}
  .zk-mhead-in{padding:12px 16px}
  .zk-clock{font-size:18px}
  .zk-main{padding-bottom:96px}
  #zk-mbar{
    display:flex;flex-direction:column;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,18,41,.12);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  }
  .zk-mrow{display:flex;gap:8px;align-items:center}
  .zk-mrow form{flex:1;margin:0}
  .zk-mrow .zk-btn{width:100%;min-height:46px}
  .zk-mcount{font-family:var(--mono);font-size:13px;color:var(--ink);min-width:56px;text-align:center}
  .zk-marrow{width:46px;min-height:46px;flex:0 0 46px}
  #zk-mbar .zk-vbtns{margin:0}
  #zk-mbar .zk-vb{min-height:48px}
  #zk-mbar .lbl{font-size:11px;color:var(--muted);font-family:var(--mono);text-align:center}
}
.zk-toast{
  position:fixed;bottom:88px;left:50%;transform:translateX(-50%);
  background:var(--navy);color:#fff;padding:10px 18px;border-radius:100px;
  font-size:13.5px;font-weight:500;z-index:90;opacity:0;pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;box-shadow:var(--shadow-l);max-width:90vw;text-align:center;
}
.zk-toast.on{opacity:1;transform:translateX(-50%) translateY(-6px)}
.zk-toast.-ok{background:var(--ok)}
.zk-toast.-err{background:var(--err)}

/* ══════════════════════════════════════════════════════════════════════════
   20. GRAFIČNI PRIKAZ SEJE — sedežni red
   ══════════════════════════════════════════════════════════════════════════ */
.zk-seat-wrap{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;min-height:0}
.zk-seat-side{padding:18px;background:var(--sunk);min-width:0}
.zk-seat-side:first-child{border-right:1px solid var(--line)}
.zk-seat-side:last-child{border-left:1px solid var(--line)}
.zk-seat-main{padding:18px;min-width:0}

.zk-seat-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.zk-seat-tools .zk-input{padding:7px 11px;font-size:13.5px}
.zk-seat-num{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.zk-seat-num input{width:74px}

.zk-stage{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);aspect-ratio:16/10;overflow:hidden}
.zk-stage.editing{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px}
.zk-table-shape{position:absolute;border:2px dashed var(--line);border-radius:14px;pointer-events:none;display:none}

.zk-seat{position:absolute;transform:translate(-50%,-50%);width:62px;display:flex;flex-direction:column;align-items:center;gap:5px}
.zk-seat .dot{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--sunk);border:2px dashed var(--line);color:var(--muted);font-family:var(--mono);font-size:12px;transition:.2s}
.zk-seat .nm{font-size:10.5px;line-height:1.2;text-align:center;color:var(--muted);max-width:78px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-seat.taken .dot{background:var(--card);border:2px solid var(--line);color:var(--ink);font-weight:600}
.zk-seat.taken .nm{color:var(--ink-2)}
.zk-seat.absent .dot{opacity:.4}
.zk-seat.guest .dot{border-style:dotted;border-color:var(--gold)}
.zk-seat.chair .dot{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
html[data-theme="dark"] .zk-seat.chair .dot{box-shadow:0 0 0 4px rgba(197,164,126,.18)}
.zk-seat.speaking .dot{border-color:var(--gold);background:var(--gold-soft);color:#7A5A2E;animation:zkseatsp 1.3s infinite}
html[data-theme="dark"] .zk-seat.speaking .dot{background:rgba(197,164,126,.2);color:var(--gold)}
@keyframes zkseatsp{0%,100%{box-shadow:0 0 0 0 rgba(197,164,126,.7)}50%{box-shadow:0 0 0 10px rgba(197,164,126,0)}}
.zk-seat.v-yes .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.zk-seat.v-no  .dot{background:var(--err);border-color:var(--err);color:#fff}
.zk-seat.v-abs .dot{background:var(--warn);border-color:var(--warn);color:#fff}
/* oddan glas je pomembnejši podatek od odsotnosti — barva naj ne bo zbledela */
.zk-seat.absent.v-yes .dot,
.zk-seat.absent.v-no .dot,
.zk-seat.absent.v-abs .dot{opacity:1}
.zk-seat.queued .dot::after{content:attr(data-q);position:absolute;top:-6px;right:-6px;
  width:18px;height:18px;border-radius:50%;background:var(--navy);color:#fff;
  font-family:var(--mono);font-size:9.5px;display:grid;place-items:center}
html[data-theme="dark"] .zk-seat.queued .dot::after{background:var(--gold);color:var(--navy-d)}
.zk-stage.editing .zk-seat{cursor:grab}
.zk-stage.editing .zk-seat.drag{opacity:.5;cursor:grabbing}
.zk-seat.drop .dot{border-color:var(--gold);border-style:solid;background:var(--gold-soft)}

.zk-seat-roster{display:grid;gap:6px}
.zk-seat-mrow{display:flex;align-items:center;gap:9px;padding:7px 9px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--r-s);font-size:13.5px}
.zk-seat-mrow .av{width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--gold);
  display:grid;place-items:center;font-family:var(--mono);font-size:10px;flex:0 0 28px}
html[data-theme="dark"] .zk-seat-mrow .av{background:var(--gold);color:var(--navy-d)}
.zk-seat-mrow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-seat-mrow .st{font-family:var(--mono);font-size:9.5px;color:var(--muted);white-space:nowrap}
.zk-seat-mrow.unseated{border-style:dashed;cursor:grab}
.zk-seat-mrow.unseated:hover{border-color:var(--gold)}
.zk-seat-mrow.drag{opacity:.5}
.zk-seat-guest{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.zk-seat-guest .zk-input{flex:1 1 120px;padding:7px 11px;font-size:13.5px}

.zk-seat-propnav{display:flex;gap:6px;align-items:center;margin-bottom:12px}
.zk-seat-propnav .zk-input{flex:1;min-width:0;padding:7px 10px;font-size:13px}
.zk-light{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:16px}
.zk-light .q{font-size:13.5px;line-height:1.5;margin-bottom:14px}
.zk-lrow{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.zk-lrow .b{width:15px;height:15px;border-radius:50%;flex:0 0 15px}
.zk-lrow .b.y{background:var(--ok)} .zk-lrow .b.n{background:var(--err)}
.zk-lrow .b.a{background:var(--warn)} .zk-lrow .b.o{background:var(--line)}
.zk-lrow .lab{flex:1;font-size:13.5px}
.zk-lrow .num{font-family:var(--mono);font-size:16px;font-weight:500}
.zk-lbar{display:flex;height:10px;border-radius:100px;overflow:hidden;background:var(--line-2);margin:12px 0 6px}
.zk-lbar i{display:block;height:100%;width:0;transition:width .4s}
.zk-lbar .y{background:var(--ok)} .zk-lbar .n{background:var(--err)} .zk-lbar .a{background:var(--warn)}
.zk-turnout{margin-top:12px;padding:9px 12px;border-radius:var(--r-s);font-family:var(--mono);font-size:12.5px;
  text-align:center;background:var(--sunk);color:var(--muted);border:1px solid var(--line)}

.zk-seat-legend{display:grid;gap:7px;font-size:12.5px;color:var(--muted)}
.zk-seat-legend div{display:flex;align-items:center;gap:9px}
.zk-seat-legend i{width:14px;height:14px;border-radius:50%;flex:0 0 14px;border:2px solid var(--line);background:var(--sunk)}
.zk-seat-legend i.tk{background:var(--card)}
.zk-seat-legend i.sp{background:var(--gold-soft);border-color:var(--gold)}
.zk-seat-legend i.y{background:var(--ok);border-color:var(--ok)}
.zk-seat-legend i.n{background:var(--err);border-color:var(--err)}
.zk-seat-legend i.a{background:var(--warn);border-color:var(--warn)}
.zk-seat-legend i.ab{opacity:.4}

@media(max-width:1200px){ .zk-seat-wrap{grid-template-columns:230px minmax(0,1fr)}
  .zk-seat-side:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)} }
@media(max-width:860px){ .zk-seat-wrap{grid-template-columns:1fr}
  .zk-seat-side:first-child{border-right:0;border-bottom:1px solid var(--line)} }
/* izbira s klikom (namesto vlečenja — deluje tudi na dotik) */
.zk-stage.editing .zk-seat{cursor:pointer}
.zk-seat.picked .dot{border-color:var(--gold);border-style:solid;background:var(--gold-soft);box-shadow:0 0 0 4px rgba(197,164,126,.28)}
.zk-seat-mrow.pickable{cursor:pointer}
.zk-seat-mrow.picked{border-color:var(--gold);background:var(--gold-soft)}
html[data-theme="dark"] .zk-seat-mrow.picked{background:rgba(197,164,126,.14)}
/* prosto vlečenje s poravnavo na mrežo */
.zk-stage.editing{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:calc(100%/24) calc(100%/14);background-position:calc(100%/48) calc(100%/28)}
.zk-stage.editing .zk-seat{cursor:grab;touch-action:none}
.zk-seat.dragging{cursor:grabbing;z-index:5;transition:none}
.zk-seat.dragging .dot{border-color:var(--gold);border-style:solid;box-shadow:0 0 0 5px rgba(197,164,126,.3)}
.zk-stage.snapping .zk-seat:not(.dragging){opacity:.75}
.zk-seat{transition:left .12s ease,top .12s ease}

/* ══════════════════════════════════════════════════════════════════════════
   21. UREJANJE DNEVNEGA REDA MED SEJO
   Orodna vrstica se pokaže šele v načinu urejanja, obrazec pa samo za
   element, ki ga skrbnik klikne — nikoli več kot eden hkrati.
   ══════════════════════════════════════════════════════════════════════════ */
.zk-agrow,.zk-agadd,.zk-prow,.zk-pradd{display:none}
body.zk-agenda-edit .zk-agrow,
body.zk-agenda-edit .zk-agadd{display:block}
body.zk-props-edit .zk-prow,
body.zk-props-edit .zk-pradd{display:block}

.zk-agrow-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0 12px;padding-left:2px}
.zk-agrow-bar form{margin:0}
.zk-agrow-bar .zk-btn{padding:6px 11px;font-size:12.5px}

.zk-panelbox{display:none;margin:0 0 14px;padding:12px;background:var(--card);
  border:1px solid var(--gold);border-radius:var(--r-s);box-shadow:var(--shadow)}
.zk-panelbox.open{display:block}
.zk-panelbox form{margin:0}
.zk-panelbox label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin:0 0 5px}
.zk-panelbox label + textarea,.zk-panelbox textarea + label{margin-top:9px}
.zk-panelbox .zk-input{width:100%;padding:8px 11px;font-size:13.5px;margin-bottom:10px}
.zk-panelbox textarea.zk-input{min-height:66px;line-height:1.5;resize:vertical}
.zk-panelbox-foot{display:flex;gap:8px;flex-wrap:wrap}
.zk-panelbox-foot .zk-btn{flex:1 1 auto;justify-content:center}

.zk-agadd,.zk-pradd{margin-top:14px}
.zk-agadd > .zk-btn,.zk-pradd > .zk-btn{border-style:dashed}
.zk-agedit-toggle.-p,[data-zk-panel].-p{background:var(--navy);border-color:var(--navy);color:#fff}
html[data-theme="dark"] .zk-agedit-toggle.-p,
html[data-theme="dark"] [data-zk-panel].-p{background:var(--gold);border-color:var(--gold);color:var(--navy-d)}

/* korespondenčna seja: glasovanje levo, povzetek desno */
.zk-work.-md{grid-template-columns:minmax(0,1fr) 320px}
.zk-md-point{margin-bottom:26px}
.zk-md-point > h2{font-size:19px;font-weight:700;margin-bottom:4px}
.zk-md-point > .sub{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.zk-md-sum{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:16px}
.zk-md-sum .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.zk-md-sum .v{font-family:var(--display);font-size:20px;font-weight:700;margin:6px 0 2px}
.zk-md-sum .d{font-size:13px;color:var(--muted)}
.zk-md-prog{height:8px;border-radius:100px;background:var(--line-2);overflow:hidden;margin:12px 0 8px}
.zk-md-prog i{display:block;height:100%;background:var(--gold);transition:width .4s}
.zk-vcard .zk-myvote{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.zk-vcard .zk-myvote .zk-tag{flex:0 0 auto}
@media(max-width:1240px){ .zk-work.-md{grid-template-columns:1fr} }

/* obrazložitev sklepa in obojestranska poravnava besedila */
.zk-vcard-b .txt{text-align:justify;hyphens:auto}
.zk-expl{margin:-4px 0 14px}
.zk-expl .k{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.zk-expl p{font-size:13.5px;line-height:1.65;color:var(--ink-2);text-align:justify;hyphens:auto}

/* kazalo dnevnega reda v povzetku */
.zk-md-toc{list-style:none;margin:10px 0 0;padding:0}
.zk-md-toc li + li{border-top:1px solid var(--line-2)}
.zk-md-toc a{display:flex;align-items:baseline;gap:9px;padding:8px 0;color:var(--ink-2);font-size:13.5px;text-decoration:none}
.zk-md-toc a:hover{color:var(--ink)}
.zk-md-toc .n{font-family:var(--mono);font-size:11px;color:var(--gold);flex:0 0 auto}
.zk-md-toc .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zk-md-toc .c{font-family:var(--mono);font-size:10.5px;color:var(--muted);flex:0 0 auto}
.zk-md-point{scroll-margin-top:120px}


/* ══════════════════════════════════════════════════════════════════════════
   VARNO OBMOČJE ZASLONA (iPhone zareza / Dynamic Island, gestna črta)
   V ovojnici WebView sega pod statusno vrstico, zato je glava strani zlezla
   pod uro in burger je bil skoraj neklikljiv. env(safe-area-inset-*) deluje
   samo ob viewport-fit=cover — tega doda zk_head_assets().
   Pravila so na koncu datoteke, da prepišejo prejšnje brez !important.
   ══════════════════════════════════════════════════════════════════════════ */

.zk-top{
  padding-top:calc(13px + env(safe-area-inset-top));
  padding-left:calc(28px + env(safe-area-inset-left));
  padding-right:calc(28px + env(safe-area-inset-right));
}

/* Drobtinica se je lomila v dve vrstici in stiskala burger.
   Zdaj je enovrstična, predolg naslov pa se skrajša s tropičjem. */
.zk-crumb{
  min-width:0;flex:1 1 auto;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.zk-burger{flex:0 0 auto}
.zk-top-act{flex:0 0 auto}

/* Stranski meni in nogo prav tako odmaknemo od robov naprave. */
.zk-rail{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}

@media(max-width:900px){
  .zk-top{
    padding-top:calc(12px + env(safe-area-inset-top));
    padding-left:calc(18px + env(safe-area-inset-left));
    padding-right:calc(18px + env(safe-area-inset-right));
  }
  .zk-view{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
  .zk-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* live_meeting.php in meeting_details.php ne uporabljata .zk-top, ampak
   lastno glavo .zk-mhead — zato potrebuje isti odmik, sicer naslov seje
   in burger zlezeta pod uro. */
.zk-mhead-in{
  padding-top:calc(13px + env(safe-area-inset-top));
  padding-left:calc(24px + env(safe-area-inset-left));
  padding-right:calc(24px + env(safe-area-inset-right));
}
@media(max-width:900px){
  .zk-mhead-in{
    padding-top:calc(12px + env(safe-area-inset-top));
    padding-left:calc(16px + env(safe-area-inset-left));
    padding-right:calc(16px + env(safe-area-inset-right));
  }
}

/* V ovojnici je statusna vrstica vedno prisotna; na ozkih zaslonih damo
   drobtinici še malo zraka, da se burger in gumbi ne stisnejo skupaj. */
html[data-zk-native="1"] .zk-top{gap:10px}
@media(max-width:420px){
  .zk-crumb{font-size:12px}
  .zk-crumb b{font-size:13.5px}
}