/* Infis — slog (static/infis.css). Prevzeto iz MojAhac 13. 11. 2026 (ločitev Infisa): enak videz (CGP AHAC, videz TGPS).
   Iz sloga MojAhac so samodejno izpuščena pravila za razrede, ki jih Infis ne uporablja. Na koncu dodatki Infisa. */
:root {
  
  --orange: #F15722; --orange-2: #F7931E; --orange-strong: #A93A10; --orange-soft: #FDEDE6;
  --metal: #524C60; --metal-2: #A2AEB7;
  --orange-2-strong: #9C5200; --orange-2-soft: #FEF1E0;   
  --grad-orange: linear-gradient(118deg, #F7931E 0%, #F15722 100%);
  --grad-metal: linear-gradient(118deg, #524C60 0%, #A2AEB7 100%);
  --ink: #2B2836; --ink-2: #524C60; --ink-3: #6A6577;
  --paper: #F2F4F5; --surface: #FFFFFF; --sunk: #E7EBED; --line: #D3D9DD;
  --ok: #1A6B43; --ok-soft: #E1F0E7; --ok-line: #9CCBB0;
  --info: #1F5A8A; --info-soft: #E2ECF5;
  --pe: #524C60; --pe-soft: #E7E5EC; --loc: #0F6461; --loc-line: #8CC3C0;
  --bad: #A8231A; --bad-soft: #FBE6E4;
  --on-ink: #FFFFFF;
  --r-s: 8px; --r: 14px; --r-l: 20px;
  --lift: 0 1px 2px rgba(43,40,54,.06), 0 10px 28px -16px rgba(43,40,54,.28);
  --font: "Nunito", ui-rounded, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --fast: 160ms; --mid: 260ms; --ease: cubic-bezier(.2,.7,.2,1);
  --pad: clamp(1rem, 2.2vw, 2.25rem);   
  --side: 17rem;
  --rail: 4rem;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --orange: #F7931E; --orange-strong: #FBB86E; --orange-soft: #3A2116; --orange-2-strong: #FBB86E; --orange-2-soft: #3A2116;
    --ink: #ECEEF0; --ink-2: #BCC5CB; --ink-3: #959DA5;
    --paper: #16151C; --surface: #1F1D27; --sunk: #111016; --line: #35323F;
    --ok: #62CF98; --ok-soft: #14301F; --ok-line: #2E6B4B;
    --info: #86B9E8; --info-soft: #152839;
    --pe: #CFC9DD; --pe-soft: #2C2936; --loc: #7FD1CB; --loc-line: #2E5F5C;
    --bad: #FF8F85; --bad-soft: #3A1917; --on-ink: #16151C;
    --lift: 0 1px 2px rgba(0,0,0,.4), 0 12px 30px -18px rgba(0,0,0,.8);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --orange: #F7931E; --orange-strong: #FBB86E; --orange-soft: #3A2116; --orange-2-strong: #FBB86E; --orange-2-soft: #3A2116;
  --ink: #ECEEF0; --ink-2: #BCC5CB; --ink-3: #959DA5;
  --paper: #16151C; --surface: #1F1D27; --sunk: #111016; --line: #35323F;
  --ok: #62CF98; --ok-soft: #14301F; --ok-line: #2E6B4B;
  --info: #86B9E8; --info-soft: #152839;
  --pe: #CFC9DD; --pe-soft: #2C2936; --loc: #7FD1CB; --loc-line: #2E5F5C;
  --bad: #FF8F85; --bad-soft: #3A1917; --on-ink: #16151C;
  --lift: 0 1px 2px rgba(0,0,0,.4), 0 12px 30px -18px rgba(0,0,0,.8);
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-gutter: stable; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1rem/1.55 var(--font); min-height: 100dvh; -webkit-font-smoothing: antialiased; }
[x-cloak] { display: none !important; }
a { color: inherit; }
h1, h2, h3 { margin: 0; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; }
h1 { font-size: clamp(1.6rem, 5vw, 2rem); }
h2 { font-size: 1.15rem; font-weight: 700; }
p { margin: 0; }
small { font-size: .84rem; }
.i { width: 1.15em; height: 1.15em; flex: none; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; border-radius: 6px; }
dialog:focus, dialog:focus-visible, dialog [tabindex="-1"]:focus-visible { outline: none; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--ink); color: var(--on-ink); padding: .5rem .8rem; border-radius: var(--r-s); z-index: 50; }
.skip:focus { left: 8px; }
.top { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); border-top: 4px solid var(--orange); border-bottom: 1px solid var(--line); }
.top-in { display: flex; align-items: center; gap: .75rem; padding: .55rem var(--pad); padding-left: max(var(--pad), env(safe-area-inset-left)); padding-right: max(var(--pad), env(safe-area-inset-right)); }
.top .spacer { flex: 1; }
.iconbtn { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); cursor: pointer; transition: color var(--fast), border-color var(--fast); }
.iconbtn:hover { color: var(--ink); border-color: var(--ink-3); }
.avatar { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 999px; background: var(--ink); color: var(--on-ink); font-weight: 800; font-size: .85rem; letter-spacing: .02em; border: 0; cursor: pointer; }
.menu { position: relative; }
.menu-pop { position: absolute; right: 0; top: calc(100% + .5rem); min-width: 15rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--lift); padding: .5rem; transform-origin: top right; }
.menu-pop .who { padding: .5rem .6rem .7rem; border-bottom: 1px solid var(--line); margin-bottom: .35rem; }
.menu-pop .who strong { display: block; }
.menu-pop .who small { color: var(--ink-3); }
.menu-pop button { width: 100%; display: flex; gap: .6rem; align-items: center; padding: .55rem .6rem; border: 0; background: none; border-radius: var(--r-s); font: inherit; color: var(--ink); cursor: pointer; text-align: left; }
.menu-pop button:hover { background: var(--sunk); }
#bar { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60; background: linear-gradient(90deg, transparent, var(--orange), transparent); background-size: 50% 100%; background-repeat: no-repeat; opacity: 0; transition: opacity var(--fast); }
#bar.htmx-request { opacity: 1; animation: bar 900ms linear infinite; }
@keyframes bar { from { background-position: -50% 0; } to { background-position: 150% 0; } }
main { min-width: 0; padding: 1.75rem var(--pad) 4rem; padding-left: max(var(--pad), env(safe-area-inset-left)); padding-right: max(var(--pad), env(safe-area-inset-right)); }
.stack > * + *, .page-body > * + * { margin-top: 1.75rem; }
.block > h2 { margin-bottom: .7rem; display: flex; align-items: baseline; gap: .5rem; }
.block > h2 small { color: var(--ink-3); font-weight: 600; }
.intro { color: var(--ink-2); margin-top: .4rem; max-width: 60ch; }
.back { display: inline-flex; align-items: center; gap: .3rem; color: var(--ink-2); text-decoration: none; font-weight: 600; margin-bottom: .9rem; }
.back:hover { color: var(--ink); }
.badge { display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .6rem .2rem .45rem; border-radius: 999px; font-size: .8rem; font-weight: 700; white-space: nowrap; flex: none; }
.badge .i { width: 1rem; height: 1rem; }
.badge.ok { background: var(--ok-soft); color: var(--ok); }
.badge.wait { background: var(--orange-soft); color: var(--orange-strong); }
.badge.info { background: var(--info-soft); color: var(--info); }
.badge.muted { background: var(--sunk); color: var(--ink-3); }
.badge.bad { background: var(--bad-soft); color: var(--bad); }
.count { display: inline-grid; place-items: center; min-width: 1.3rem; height: 1.3rem; padding: 0 .35rem; border-radius: 999px; background: var(--orange); color: #fff; font-size: .72rem; font-weight: 800; margin-left: .35rem; }
.doc { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; transition: border-color var(--mid); }
.doc[data-state="caka"], .doc[data-state="nova"] { border-left: 4px solid var(--orange); }
.doc[data-state="potrjeno"] { border-left: 4px solid var(--ok-line); }
.note { display: flex; gap: .5rem; align-items: flex-start; margin-top: .9rem; padding: .65rem .8rem; border-radius: var(--r-s); background: var(--orange-soft); color: var(--orange-strong); font-weight: 600; font-size: .92rem; }
.note .i { margin-top: .15rem; }
.fine { color: var(--ink-3); font-size: .85rem; margin-top: .6rem; flex-basis: 100%; }
.check { display: flex; gap: .65rem; align-items: center; cursor: pointer; font-weight: 700; flex: 1 1 14rem; }
.check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.check .box { width: 1.6rem; height: 1.6rem; border-radius: 7px; border: 2px solid var(--ink-3); display: grid; place-items: center; color: transparent; transition: background var(--fast), border-color var(--fast), color var(--fast); flex: none; }
.check .box .i { width: 1.1rem; height: 1.1rem; stroke-width: 2.6; }
.check input:checked + .box { background: var(--ink); border-color: var(--ink); color: var(--on-ink); }
.check input:focus-visible + .box { outline: 3px solid var(--orange); outline-offset: 2px; }
.list { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.row { display: flex; align-items: center; gap: .85rem; padding: .8rem 1rem; text-decoration: none; }
.row + .row { border-top: 1px solid var(--line); }
.row.link { transition: background var(--fast); }
.row.link:hover { background: color-mix(in srgb, var(--sunk) 60%, transparent); }
.empty { padding: 1.4rem 1rem; color: var(--ink-2); background: var(--surface); border: 1px dashed var(--line); border-radius: var(--r); }
.chip { display: inline-flex; align-items: center; gap: .3rem; padding: .22rem .6rem; border-radius: 999px; background: var(--sunk); font-size: .84rem; font-weight: 600; color: var(--ink-2); }
.chip.ok { background: var(--ok-soft); color: var(--ok); }
.chip.wait { background: var(--orange-soft); color: var(--orange-strong); }
.chip.bad { background: var(--bad-soft); color: var(--bad); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.6rem; padding: .5rem 1.05rem; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: 700 .95rem/1 var(--font); text-decoration: none; cursor: pointer; transition: background var(--fast), color var(--fast), border-color var(--fast), transform var(--fast), opacity var(--fast); white-space: nowrap; }
.btn:hover { border-color: var(--ink-3); }
.btn:active { transform: scale(.97); }
.btn.primary { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
.btn.primary:hover { background: color-mix(in srgb, var(--ink) 86%, var(--orange)); }
.btn.danger { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 40%, var(--line)); }
.btn.small { min-height: 2.15rem; padding: .35rem .8rem; font-size: .85rem; }
.btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.htmx-request .btn.primary, .btn.primary.htmx-request { position: relative; color: transparent; pointer-events: none; }
.htmx-request .btn.primary::after, .btn.primary.htmx-request::after { content: ""; position: absolute; inset: 0; margin: auto; width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 2.5px solid var(--on-ink); border-right-color: transparent; animation: spin 700ms linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.watch { display: flex; align-items: center; gap: .5rem; margin-top: .9rem; color: var(--ink-3); font-size: .88rem; }
.tree .row { padding-left: calc(1rem + (var(--d) - 1) * 1.4rem); position: relative; }
.tree .row[style*="--d:2"]::before, .tree .row[style*="--d:3"]::before, .tree .row[style*="--d:4"]::before { content: ""; position: absolute; left: calc(1rem + (var(--d) - 2) * 1.4rem + 1.1rem); top: 0; bottom: 50%; width: .8rem; border-left: 1.5px solid var(--line); border-bottom: 1.5px solid var(--line); border-bottom-left-radius: 6px; }
.tree .avatar { width: 2.3rem; height: 2.3rem; font-size: .8rem; cursor: inherit; }
.tree .d1 .avatar { background: var(--ink); }
.tree .row:not(.d1) .avatar { background: var(--sunk); color: var(--ink-2); }
@media (max-width: 639px) {
  .tree .row { flex-wrap: wrap; row-gap: .45rem; }
}
.linkbtn { background: none; border: 0; font: inherit; font-weight: 700; color: var(--ink-2); cursor: pointer; display: inline-flex; gap: .3rem; align-items: center; padding: .3rem 0; }
.linkbtn:hover { color: var(--ink); }
.drop { display: grid; place-items: center; text-align: center; gap: .6rem; padding: 2.4rem 1.2rem; border: 2px dashed var(--line); border-radius: var(--r-l); background: var(--surface); cursor: pointer; transition: border-color var(--fast), background var(--fast), transform var(--mid) var(--ease); position: relative; }
.drop:hover { border-color: var(--ink-3); }
.drop.is-drag { border-color: var(--orange); background: var(--orange-soft); transform: scale(1.01); }
.drop .big { width: 3rem; height: 3rem; border-radius: 16px; background: var(--sunk); display: grid; place-items: center; color: var(--ink-2); }
.drop .big .i { width: 1.6rem; height: 1.6rem; }
.drop strong { font-size: 1.1rem; }
.drop small { color: var(--ink-3); }
.drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.picked { display: flex; align-items: center; gap: .8rem; margin-top: .8rem; padding: .7rem .9rem; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); }
.picked strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sheets { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: .8rem; }
.sheet { position: relative; aspect-ratio: 210 / 297; border-radius: 6px; background: var(--surface); border: 1px solid var(--line); overflow: hidden; display: grid; place-items: center; text-decoration: none; }
.sheet img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: contrast(1.05); }
.sheet .tag { position: absolute; left: .4rem; bottom: .4rem; padding: .15rem .5rem; border-radius: 999px; background: var(--ink); color: var(--on-ink); font-size: .74rem; font-weight: 800; }
.meta { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.2rem; margin: 0; }
.meta dt { color: var(--ink-3); }
.meta dd { margin: 0; font-weight: 600; }
.banner { display: flex; gap: .6rem; align-items: flex-start; padding: .8rem 1rem; border-radius: var(--r); font-weight: 600; }
.banner.bad { background: var(--bad-soft); color: var(--bad); }
.banner.wait { background: var(--orange-soft); color: var(--orange-strong); }
.banner.ok { background: var(--ok-soft); color: var(--ok); }
.banner.info { background: var(--info-soft); color: var(--info); }
.banner .i { margin-top: .15rem; }
table.items { width: 100%; border-collapse: collapse; font-size: .92rem; }
table.items th { text-align: left; font-weight: 700; color: var(--ink-3); font-size: .8rem; padding: .6rem 1rem; border-bottom: 1px solid var(--line); }
table.items td { padding: .65rem 1rem; border-bottom: 1px solid var(--line); vertical-align: top; }
table.items tr:last-child td { border-bottom: 0; }
.tablewrap { overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.pg { width: 2.2rem; height: 2.8rem; border-radius: 5px; display: grid; place-items: center; font-weight: 800; font-size: .85rem; border: 1.5px solid var(--line); color: var(--ink-3); background: var(--surface); }
.pg.ok { background: var(--ok-soft); border-color: var(--ok-line); color: var(--ok); }
.pg.sig { background: var(--orange-soft); border-color: var(--orange); color: var(--orange-strong); }
.sheet { position: relative; }
select { font: inherit; padding: .5rem .7rem; border-radius: var(--r-s); border: 1px solid var(--line); background: var(--surface); color: var(--ink); max-width: 100%; flex: 1 1 16rem; }
.seg { display: inline-flex; padding: .25rem; border-radius: 999px; background: var(--sunk); gap: .2rem; }
.seg a, .seg button { text-decoration: none; border: 0; background: none; font: inherit; font-weight: 700; font-size: .9rem; color: var(--ink-2); padding: .4rem .85rem; border-radius: 999px; cursor: pointer; }
.seg a.on, .seg button.on { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
@media (max-width: 760px) {
  .seg { max-width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; flex-wrap: nowrap; }
  .seg::-webkit-scrollbar { display: none; }
  .seg > a, .seg > button { flex: none; white-space: nowrap; }
}
.audit .row { align-items: flex-start; }
.audit time { color: var(--ink-3); font-size: .82rem; white-space: nowrap; min-width: 8.5rem; padding-top: .1rem; }
main.login { max-width: none; margin: 0; padding: 0; min-height: 100dvh; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); background: var(--paper); }
@media (max-width: 859px) {
  main.login { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
}
.btn.google { width: 100%; min-height: 3.2rem; font-size: 1rem; }
.toasts { position: fixed; z-index: 1000; right: var(--pad, 1rem); top: 4.4rem; width: min(30rem, calc(100% - 2rem)); display: grid; gap: .5rem; justify-items: end; }
.pv-nap, .pv-nap:focus { border-color: var(--bad) !important; box-shadow: 0 0 0 3px var(--bad-soft) !important; outline: none; }
.pv-tresi { animation: pv-tresi 320ms ease-in-out; }
@keyframes pv-tresi { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } }
@media (prefers-reduced-motion: reduce) {
  .pv-tresi { animation: none; }
}
.pv-tip { position: fixed; z-index: 1001; max-width: min(24rem, calc(100vw - 16px)); padding: .45rem .7rem; border-radius: 6px;
  background: var(--bad); color: var(--on-ink); font: 600 .85rem/1.35 Nunito, "Segoe UI", Arial, sans-serif;
  box-shadow: 0 4px 14px rgb(0 0 0 / .22); pointer-events: none; }
.pv-tip::before { content: ""; position: absolute; left: calc(var(--pv-x, 16px) - 5px); top: -5px; width: 10px; height: 10px;
  background: var(--bad); transform: rotate(45deg); }
.pv-tip.gor::before { top: auto; bottom: -5px; }
.toasts .toast { width: 100%; }
.toast { display: flex; gap: .6rem; align-items: flex-start; padding: .8rem .9rem; border-radius: var(--r); background: var(--ink); color: var(--on-ink); box-shadow: var(--lift); font-weight: 600; animation: toast var(--mid) var(--ease); }
.toast.napaka { background: var(--bad); color: var(--on-ink); }
.toast.info { background: var(--info); color: var(--on-ink); }
.tip { position: fixed; z-index: 70; max-width: min(20rem, calc(100vw - 16px)); padding: .5rem .7rem; border-radius: 10px; background: var(--ink); color: var(--on-ink);
  font-size: .82rem; font-weight: 600; line-height: 1.4; box-shadow: var(--lift); pointer-events: none; opacity: 0; transform: translateY(3px); transition: opacity 120ms, transform 120ms; }
.tip.on { opacity: 1; transform: none; }
.tip.rich { max-width: min(40rem, calc(100vw - 16px)); font-weight: 500; }
.tip::after { content: ""; position: absolute; left: var(--ax, 50%); width: 10px; height: 10px; background: inherit; transform: translateX(-50%) rotate(45deg); border-radius: 2px; }
.tip[data-side="above"]::after { bottom: -4px; }
.tip[data-side="below"]::after { top: -4px; }
.info-btn { display: inline-grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--ink-3); cursor: help; padding: 0; flex: none; }
.info-btn:hover, .info-btn:focus-visible { color: var(--ink); border-color: var(--ink-3); }
.info-btn svg { width: 1.05rem; height: 1.05rem; }
.toast p { flex: 1; }
.toast button { background: none; border: 0; color: inherit; opacity: .7; cursor: pointer; padding: 0; display: grid; }
@keyframes toast { from { opacity: 0; transform: translateY(-8px); } }
.msg { padding: 3rem 0; max-width: 34rem; }
.msg .intro { margin: .6rem 0 1.5rem; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; }
[id] { scroll-margin-top: calc(var(--top-h, 61px) + 4.5rem); }
.tablewrap { max-height: max(18rem, calc(100dvh - var(--top-h, 61px) - 9rem)); overflow: auto; }
.set-body .tablewrap { max-height: none; }
table.items thead th { position: sticky; top: 0; z-index: 1; background: var(--surface); box-shadow: inset 0 -1px 0 var(--line); }
@media (min-width: 960px) and (min-height: 700px) {
  main.fit { height: calc(100dvh - var(--top-h, 61px)); display: flex; flex-direction: column; padding-bottom: 1rem; overflow: hidden; }
  html:has(main.fit) { overflow-y: hidden; }
  main.fit > .stack { flex: 1; min-height: 0; }
  main.fit > .stack { display: flex; flex-direction: column; }
  main.fit .fill { display: flex; flex-direction: column; flex: 1; min-height: 0; }
  main.fit .fill.page-body { display: block; overflow-y: auto; overscroll-behavior: contain; }
  main.fit .page-body .tablewrap { max-height: none; }
  main.fit .fill > .seg, main.fit > .seg { align-self: flex-start; }
  main.fit > .seg { flex: none; }
  main.fit > .stack:not(:has(.fill)) { overflow-y: auto; overscroll-behavior: contain; }
  main.fit > .stack:not(:has(.fill)) > * { flex: none; }
  main.fit > .stack:not(:has(.fill)) > :first-child { position: sticky; top: 0; z-index: 4; background: var(--paper); padding-bottom: .6rem; }
  main.fit > .stack:not(:has(.fill)) .tablewrap { max-height: none; }
}
.side { display: flex; flex-direction: column; gap: .1rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  padding: .75rem .75rem 1.5rem max(.75rem, env(safe-area-inset-left)); background: var(--surface); border-right: 1px solid var(--line); }
.side-close { display: flex; align-items: center; gap: .6rem; border: 0; background: none; font: inherit; font-size: .85rem; font-weight: 700;
  color: var(--ink-3); cursor: pointer; border-radius: var(--r-s); padding: .45rem .75rem; }
.side-close:hover { background: var(--sunk); color: var(--ink); }
.side a { display: flex; align-items: center; gap: .7rem; padding: .55rem .75rem; border-radius: var(--r-s); text-decoration: none;
  color: var(--ink-2); font: inherit; font-weight: 700; transition: background var(--fast), color var(--fast); }
.side a .i { color: var(--ink-3); transition: color var(--fast); }
.side a:hover { background: var(--sunk); color: var(--ink); }
.side a:hover .i { color: var(--ink-2); }
.side a.on { background: var(--orange-soft); color: var(--orange-strong); box-shadow: inset 3px 0 0 var(--orange); }
.side a.on .i { color: var(--orange-strong); }
.side .count { margin-left: auto; }
.count.ok { background: var(--ok); color: var(--on-ink); }
.count.bad { background: var(--bad); color: var(--on-ink); }
@media (max-width: 1099px) {
  .side { position: fixed; z-index: 40; top: 0; bottom: 0; left: 0; width: min(20rem, 88vw); transform: translateX(-102%); visibility: hidden;
    transition: transform var(--mid) var(--ease), visibility 0s linear var(--mid); box-shadow: var(--lift); padding-top: max(.75rem, env(safe-area-inset-top)); }
  body.side-open .side { transform: none; visibility: visible; transition: transform var(--mid) var(--ease); }
  body.side-open { overflow: hidden; }
}
@media (min-width: 1100px) {
  .side-close { display: none; }
  .side { position: sticky; top: var(--top-h, 61px); align-self: start; height: calc(100dvh - var(--top-h, 61px)); z-index: 25; }
  .side-rail .side { padding-left: .5rem; padding-right: .5rem; overflow-x: visible; }
}
@media (min-width: 1600px) {
  html { font-size: 106.25%; }
  :root { --side: 17.5rem; }
  table.items th { padding: .7rem 1.15rem; }
  table.items td { padding: .8rem 1.15rem; }
  .row { padding: .9rem 1.15rem; }
}
.ptoasts { position: fixed; z-index: 1000; right: max(1rem, env(safe-area-inset-right)); bottom: 1rem; width: min(20rem, calc(100% - 2rem)); display: grid; gap: .6rem; }
@media (max-width: 559px) {
  .ptoasts { left: 1rem; right: 1rem; width: auto; }
}
.ptoast { background: var(--surface); color: var(--ink); border-radius: 16px; box-shadow: 0 2px 6px rgba(43,40,54,.08), 0 16px 40px -18px rgba(43,40,54,.45); border: 1px solid color-mix(in srgb, var(--line) 60%, transparent); padding: 1rem 1rem .85rem; animation: pt-in var(--mid) var(--ease); }
.ptoast.out { opacity: 0; transform: translateY(8px); transition: opacity 200ms, transform 200ms; }
.pt-top { display: flex; align-items: center; gap: .7rem; margin-bottom: .85rem; }
.pt-ico { width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: var(--ok-soft); color: var(--ok); flex: none; }
.pt-ico svg { width: 1.05rem; height: 1.05rem; }
.pt-title { flex: 1; min-width: 0; font-size: .95rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pt-x { background: none; border: 0; color: var(--ink-3); cursor: pointer; padding: .2rem; display: grid; border-radius: 6px; }
.pt-x:hover { color: var(--ink); }
.pt-x svg { width: 1.1rem; height: 1.1rem; }
.pt-bar { height: 8px; border-radius: 99px; background: var(--sunk); overflow: hidden; }
.pt-bar span { display: block; height: 100%; width: 0; border-radius: 99px; background: var(--ok); transition: width 300ms var(--ease); }
.ptoast[data-state="wait"] .pt-bar span { width: 35% !important; animation: pt-slide 1.2s ease-in-out infinite; }
.pt-row { display: flex; justify-content: space-between; gap: .5rem; font-size: .82rem; color: var(--ink-3); margin-top: .5rem; min-height: 1.1em; }
.pt-sub { margin-top: .25rem; }
.pt-pct { color: var(--ok); font-weight: 700; }
.ptoast[data-state="wait"] .pt-pct { color: var(--ink-3); font-weight: 600; }
.pt-msg { font-size: .85rem; color: var(--ink-2); margin: .55rem 0 0; }
.pt-msg:empty, .pt-actions:empty { display: none; }
.pt-actions { margin-top: .6rem; }
.ptoast[data-state="done"] .pt-row, .ptoast[data-state="fail"] .pt-row { display: none; }
.ptoast[data-state="fail"] .pt-ico { background: var(--bad-soft); color: var(--bad); }
.ptoast[data-state="fail"] .pt-bar span { background: var(--bad); width: 100% !important; }
@keyframes pt-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pt-slide { from { transform: translateX(-100%); } to { transform: translateX(290%); } }
@media (prefers-reduced-motion: reduce) {
  .ptoast[data-state="wait"] .pt-bar span { animation: none; width: 100% !important; opacity: .5; }
}
.chat { margin-top: 1.2rem; display: flex; flex-direction: column; gap: .2rem; }
.chat > .t-h { margin-bottom: .4rem; }
.stack.org > :first-child { padding-bottom: .6rem; }
.fold { margin-top: .6rem; border: 1px solid var(--line); border-radius: var(--r-s); padding: .2rem .9rem; }
.fold:first-child { margin-top: 0; }
.st-seg { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 2px; border: 1px solid var(--line); border-radius: 999px; background: var(--sunk); }
.st-seg-b { border: 0; background: transparent; color: var(--ink-2); font: inherit; font-size: .85rem; font-weight: 700; padding: .35rem .75rem; border-radius: 999px; cursor: pointer; }
.st-seg-b:hover { color: var(--ink); background: var(--surface); }
.st-seg-b.on { color: var(--ink); background: var(--surface); box-shadow: inset 0 0 0 2px var(--orange); }
.st-seg-b:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.chat-compose { display: flex; gap: .5rem; align-items: flex-end; }
.chat-compose textarea { flex: 1; min-height: 2.75rem; max-height: 11rem; resize: none; font: inherit; font-size: .95rem; line-height: 1.45; padding: .65rem .95rem; border-radius: 20px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); overflow-y: hidden; }
.chat-compose textarea:focus { outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent); outline-offset: 1px; border-color: var(--orange); }
.chat-send { border-radius: 999px; min-height: 2.75rem; }
@media (max-width: 560px) {
  .chat-send span { display: none; }
}
.set { display: flex; flex-direction: column; min-height: 0; min-width: 0; flex: 1; }
@media (max-width: 520px) {
  .set-body { padding: 1rem 1rem 0; }
}
.set-head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem .4rem 1.3rem; }
.set-head h2 { font-size: 1.3rem; }
.set-body { padding: 1.1rem 1.3rem 0; overflow-y: auto; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.set-body > .banner { flex: none; }
.set-body .set-foot { position: sticky; bottom: 0; z-index: 3; background: var(--surface); padding: .8rem 0 1.1rem; }
.set-body > .banner { margin-bottom: 1rem; }
.set-field { display: grid; gap: .3rem; }
.set-label { font-weight: 700; font-size: .92rem; }
.set-field input, .set-field select { width: 100%; font: inherit; padding: .6rem .8rem; border-radius: var(--r-s); border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.set-field input:focus, .set-field select:focus { outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent); outline-offset: 1px; border-color: var(--orange); }
.set-field small, .set-check small { color: var(--ink-3); font-size: .82rem; }
.set-check { display: flex; gap: .7rem; align-items: flex-start; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: var(--r-s); cursor: pointer; }
.set-check input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--orange); flex: none; }
.set-check > span { display: grid; gap: .1rem; }
.set-clear { font-size: .85rem; color: var(--ink-2); display: flex; gap: .45rem; align-items: center; margin-top: -.4rem; }
.set-clear input { accent-color: var(--bad); }
.set-foot { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; padding-top: .9rem; border-top: 1px solid var(--line); }
.set-foot .spacer { flex: 1; }
.mono { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .86em; }
.net-form textarea { width: 100%; font: inherit; font-size: .95rem; padding: .6rem .8rem; border-radius: var(--r-s); border: 1px solid var(--line); background: var(--surface); color: var(--ink); resize: vertical; }
.net-form textarea.mono { font-size: .85rem; line-height: 1.5; }
.net-form textarea:focus { outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent); outline-offset: 1px; border-color: var(--orange); }
.btn.danger-solid { background: var(--bad); border-color: var(--bad); color: var(--on-ink); }
.btn.danger-solid:disabled { opacity: .45; cursor: not-allowed; }
table.items td:first-child .badge { white-space: normal; text-align: left; }
table.items td .badge { white-space: nowrap; }
table.items td .chip.date-chip { padding-left: .4rem; padding-right: .4rem; gap: .2rem; }
.topo.big { position: fixed; inset: 0; z-index: 58; background: var(--paper); padding: calc(.8rem + env(safe-area-inset-top, 0px)) .9rem calc(.8rem + env(safe-area-inset-bottom, 0px)); }
html.topo-big-open, html.topo-big-open body { overflow: hidden; }
.topo { display: flex; flex-direction: column; gap: .7rem; min-height: 0; }
main.fit > .topo { flex: 1; }
.lg-st { width: .7rem; height: .7rem; border-radius: 3px; border: 2px solid var(--line); display: inline-block; flex: none; }
.lg-st.aktivna { border-color: var(--ink); }
.lg-st.neaktivna, .lg-st.neznano { border-color: var(--ink-3); }
.lg-st.manjka { border-color: var(--bad); }
.lg-st.za_odstranitev { border-color: var(--orange-strong); }
.chip.ip-p i { width: .5rem; height: .5rem; border-radius: 50%; flex: none; background: var(--ink-3); }
.chip.ip-p.p-ok i { background: var(--ok); }
.chip.ip-p.p-fail i { background: var(--bad); }
.chip.ip-p.p-fail { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bad) 45%, transparent); }
.chip.ip-p.p-wait i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--ink-3); }
.iconbtn.small { width: 2rem; height: 2rem; }
.th-sort { display: inline-flex; align-items: center; gap: .25rem; font: inherit; color: inherit; text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; letter-spacing: inherit; text-transform: inherit; }
.th-sort:hover { color: var(--ink); }
.th-multi { display: inline-flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.th-sort:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; border-radius: 4px; }
.th-ico { display: inline-grid; opacity: 0; transition: opacity var(--fast), transform var(--fast); transform: rotate(180deg); }
.th-ico svg { width: .85rem; height: .85rem; }
.th-sort:hover .th-ico, .th-sort:focus-visible .th-ico { opacity: .45; }
.th-sort.on { color: var(--ink); }
.th-sort.on .th-ico { opacity: 1; color: var(--orange-strong); }
.th-sort.on.desc .th-ico { transform: none; }
.set-head h2 small { color: var(--ink-3); font-size: .85rem; font-weight: 600; margin-left: .3rem; }
.block > h2 .spacer { flex: 1; }
.t-h { font-size: 1rem; margin: 1.3rem 0 .5rem; }
.count[hidden] { display: none; }
.att-chip { display: inline-flex; align-items: center; gap: .35rem; max-width: 100%; padding: .3rem .6rem; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); font-size: .85rem; text-decoration: none; }
.att-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.att-chip small { color: var(--ink-3); white-space: nowrap; }
.att-chip svg { width: .95rem; height: .95rem; flex: none; color: var(--ink-3); }
.att-chip button { border: 0; background: none; color: var(--ink-3); font-size: 1.1rem; line-height: 1; cursor: pointer; padding: 0 .1rem; }
.att-chip button:hover { color: var(--bad); }
.att-chosen { display: none; flex-wrap: wrap; gap: .4rem; }
.att-chosen.on { display: flex; }
.att-btn { border-radius: 999px; min-height: 2.75rem; width: 2.75rem; padding: 0; justify-content: center; flex: none; }
.att-btn svg { width: 1.15rem; height: 1.15rem; }
[data-attach-zone].att-over { outline: 2px dashed var(--orange); outline-offset: -4px; }
.acp-pager { display: flex; align-items: center; gap: .4rem; justify-content: flex-end; padding-top: .3rem; font-size: .85rem; color: var(--ink-3); }
.chip.who-chip { background: var(--info-soft); color: var(--info); }
.chip.date-chip { font-weight: 600; color: var(--ink-3); }
.who-chip svg, .date-chip svg, .sys-chip svg { width: .85rem; height: .85rem; flex: none; }
.chip.sys-chip { background: var(--sunk); color: var(--ink-3); }
.chip.pe-chip { background: var(--pe-soft); color: var(--pe); }
.pe-chip svg { width: .85rem; height: .85rem; flex: none; }
.chip.pe-chip { white-space: nowrap; max-width: 100%; }
.pe-chip .chip-t { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.chip.ip-chip, .chip.mac-chip { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.chip.ip-chip { background: color-mix(in srgb, var(--orange) 13%, var(--surface)); color: var(--orange-strong); }
.chip.mac-chip { background: var(--sunk); color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); }
.chip.date-chip { white-space: nowrap; }
table.items td .chip.who-chip { white-space: nowrap; max-width: 100%; }
table.items td .chip-t { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
table.items.fixed { table-layout: fixed; min-width: 58rem; }
table.items.fixed td .badge { max-width: 100%; overflow: hidden; }
table.items.fixed td .badge:not(:has(svg)) { display: inline-block; text-overflow: ellipsis; vertical-align: middle; }
.pdf-modal[data-mode="page"]:has(#akcija) { width: min(1280px, 96vw); }
table.items.fixed td { overflow-wrap: anywhere; }
table.items td.code { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pick-row { display: flex; gap: .7rem; align-items: flex-start; padding: .55rem .75rem; border-bottom: 1px solid var(--line); cursor: pointer; }
.pick-row:last-of-type { border-bottom: 0; }
.pick-row.on { background: var(--ok-soft); }
.pick-row input { width: 1.1rem; height: 1.1rem; margin-top: .15rem; accent-color: var(--orange); flex: none; }
.pick-row span { display: grid; }
.pick-row strong { font-size: .92rem; }
.pick-row small { font-size: .8rem; color: var(--ink-3); }
.pick-empty { font-size: .82rem; color: var(--ink-3); }
.pick-empty { margin: .3rem .2rem; }
.search { position: relative; margin-bottom: .8rem; }
.search input { width: 100%; font: inherit; padding: .6rem .9rem .6rem 2.4rem; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.search input:focus { outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent); outline-offset: 1px; border-color: var(--orange); }
.search-ico { position: absolute; left: .85rem; top: 50%; transform: translateY(-50%); color: var(--ink-3); display: grid; }
.search-ico svg { width: 1.05rem; height: 1.05rem; }
.cakanje { position: fixed; inset: 0; z-index: 55; display: grid; place-items: center; pointer-events: none; opacity: 0; transition: opacity 120ms; }
.cakanje.htmx-request { opacity: 1; transition-delay: 250ms; }
.cakanje span { width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 3.5px solid color-mix(in srgb, var(--orange) 25%, transparent); border-top-color: var(--orange); animation: spin 800ms linear infinite; background: var(--surface); box-shadow: var(--lift); }
#main { transition: opacity 120ms; }
body:has(.cakanje.htmx-request) #main { opacity: .55; transition-delay: 250ms; }
.modal-page .loading { display: grid; place-items: center; padding: 3rem 0; }
.cakanje, .modal-page .loading, .ppick-list .loading { align-content: center; gap: .55rem; }
.cakanje::after, .modal-page .loading::after, .ppick-list .loading::after { content: "Nalagam podatke …"; font-size: .85rem; font-weight: 700; color: var(--ink-2); }
.cakanje::after { padding: .25rem .75rem; border-radius: 999px; background: var(--surface); box-shadow: var(--lift); }
.modal-page .loading span { width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 3px solid color-mix(in srgb, var(--orange) 25%, transparent); border-top-color: var(--orange); animation: spin 800ms linear infinite; }
.pdf-modal { padding: 0; border: 0; background: transparent; width: min(1100px, 96vw); height: 94dvh; max-width: none; max-height: none; }
.pdf-modal::backdrop { background: rgba(22, 21, 28, .55); }
.pdf-modal[open] .pdf-box { animation: pdf-in var(--mid) var(--ease); }
.pdf-box { display: flex; flex-direction: column; height: 100%; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-l); overflow: hidden; box-shadow: var(--lift); }
.pdf-head { display: flex; align-items: center; gap: .5rem; padding: .65rem .75rem .65rem 1.1rem; border-bottom: 1px solid var(--line); }
.pdf-head strong { font-weight: 800; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdf-head .spacer { flex: 1; }
.pdf-box iframe { flex: 1; width: 100%; border: 0; background: var(--sunk); }
.zv { display: flex; flex-direction: column; min-height: 0; background: var(--sunk); overflow: hidden; }
.pdf-box .zv-main { flex: 1; }
.pdf-modal[data-mode="page"] .zv-main { display: none; }
.zv-bar { display: flex; align-items: center; gap: .3rem; padding: .35rem .5rem; border-bottom: 1px solid var(--line); background: var(--surface); flex: none; }
.zv-bar .zv-b { width: 2rem; height: 2rem; font-size: 1.1rem; font-weight: 700; line-height: 1; }
.zv-pct { font: inherit; font-size: .8rem; font-weight: 700; min-width: 4.2rem; padding: .3rem .4rem; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); cursor: pointer; font-variant-numeric: tabular-nums; }
.zv-info { color: var(--ink-3); margin-left: .3rem; }
.zv-hint { margin-left: auto; color: var(--ink-3); }
@media (max-width: 760px) {
  .zv-hint { display: none; }
}
.zv-stage { position: relative; flex: 1 1 auto; overflow: hidden; cursor: grab; touch-action: none; user-select: none; min-height: 0; }
.zv-stage.is-drag { cursor: grabbing; }
.zv-pages { position: absolute; left: 0; top: 0; transform-origin: 0 0; display: flex; flex-direction: column; gap: 16px; will-change: transform; }
.zv-pages > img, .zv-pages > canvas { display: block; width: auto; max-width: none; height: auto; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.25); pointer-events: none; border-radius: 0; }
.zv-msg { position: absolute; left: 1rem; top: 1rem; margin: 0; color: var(--ink-2); font-size: .9rem; }
.zv-msg:empty { display: none; }
.pdf-modal [hidden] { display: none; }
.pdf-modal[data-mode="page"] { height: fit-content; max-height: 94dvh; width: min(760px, 96vw); }
.pdf-modal[data-mode="page"] iframe, .pdf-modal[data-mode="page"] .only-pdf, .pdf-modal[data-mode="pdf"] .modal-page { display: none; }
.pdf-modal[data-mode="pdf"] .modal-page { display: none !important; }
.pdf-modal[data-mode="page"] { overflow: visible; max-height: none; }
.pdf-modal[data-mode="page"] .pdf-box { height: auto; max-height: 94dvh; }
[data-row-link] { cursor: pointer; }
.drop.ad-drop { flex: none; grid-template-columns: auto 1fr; text-align: left; justify-items: start; column-gap: 1rem; row-gap: .15rem; padding: 1rem 1.3rem; }
.drop.ad-drop .big { grid-row: span 2; width: 2.6rem; height: 2.6rem; }
.drop.set-file { width: 100%; padding: .8rem 1.1rem; }
.drop.set-file strong { font-size: .98rem; }
.drop.ad-drop strong { font-size: 1rem; }
.pdf-modal[data-mode="page"]:has(.ad-doc) { width: min(1560px, 98vw); height: 94dvh; }
.pdf-modal[data-mode="page"]:has(.ad-doc) .pdf-box { height: 94dvh; }
.pdf-modal[data-mode="page"]:has(#cenik) { width: min(1100px, 96vw); }
.ad-sec { border: 1px solid var(--line); border-radius: var(--r); padding: .7rem .9rem .9rem; margin: 0; min-width: 0; }
.ad-sec legend { font-weight: 800; font-size: .95rem; padding: 0 .35rem; }
.ad-sec legend small { font-weight: 600; color: var(--ink-3); font-size: .8rem; }
.pdf-head { flex: none; }
.modal-page { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 1.3rem; }
.modal-page > .stack > :first-child { position: sticky; top: 0; z-index: 3; background: var(--surface); padding: 1.2rem 0 .8rem; margin: 0 -.1rem; border-bottom: 1px solid var(--line); }
.modal-page > .stack > :nth-child(2) { margin-top: 1.1rem; }
.modal-page > .stack { padding-bottom: 1.2rem; }
.modal-page:has(> .stack > .modal-form) { overflow: hidden; display: flex; flex-direction: column; }
.modal-page > .stack:has(> .modal-form) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding-bottom: 0; }
.modal-page > .stack > .modal-form { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; margin-top: 0 !important; }
.modal-page .modal-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin: 0 -1.3rem; padding: 1.1rem 1.3rem 1.4rem; }
.modal-page .modal-foot { flex: none; margin: 0 -1.3rem; padding: .8rem 1.3rem .9rem; border-top: 1px solid var(--line); background: var(--surface); }
.modal-foot { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.modal-page .loading { min-height: 8rem; }
.modal-page .back { display: none; }
.modal-page h1 { font-size: 1.6rem; }
@keyframes pdf-in { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}
@media print {
  .top, .side, .toasts { display: none; }
  body { background: #fff; display: block; }
}
.modal-page .tablewrap { overscroll-behavior: auto; }
.cf-modal { padding: 0; border: 0; background: transparent; width: min(440px, 92vw); max-width: none; }
.cf-modal::backdrop { background: rgba(22, 21, 28, .55); }
.cf-modal[open] .cf-box { animation: pdf-in var(--mid) var(--ease); }
.cf-box { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--lift); padding: 1.3rem 1.3rem 1.1rem; }
.cf-head { display: flex; align-items: center; gap: .7rem; }
.cf-head h2 { font-size: 1.15rem; margin: 0; }
.cf-ico { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; flex: none; border-radius: 50%; background: var(--orange-soft); color: var(--orange-strong); }
.cf-danger .cf-ico { background: var(--bad-soft); color: var(--bad); }
#cf-text { margin: .8rem 0 1.2rem; color: var(--ink-2); line-height: 1.5; }
.cf-razlog { display: grid; gap: .3rem; margin: .8rem 1.3rem 0; }
.cf-razlog[hidden] { display: none; }
.cf-razlog textarea { width: 100%; resize: vertical; min-height: 4.5rem; }
.cf-foot { display: flex; justify-content: flex-end; gap: .5rem; flex-wrap: wrap; }
.modal-page * { overscroll-behavior: auto !important; }
.modal-page > .stack > .banner { flex: none; }
.nap { display: inline-block; width: 7.5rem; max-width: 100%; vertical-align: middle; }
.nap i { display: block; height: .55rem; border-radius: 999px; background: var(--sunk); border: 1px solid var(--line); overflow: hidden; }
.nap b { display: block; height: 100%; border-radius: 999px; background: var(--ink-3); transition: width .4s ease; }
@media (prefers-reduced-motion: reduce) {
  .nap b { transition: none; }
}
a.btn.disabled { opacity: .5; pointer-events: auto; cursor: not-allowed; }
.stack.moje > * + * { margin-top: 1.1rem; }
.moje .block > h2 { font-size: 1.02rem; margin-bottom: .5rem; align-items: center; min-height: 2rem; }
.moje .empty { padding: .7rem .9rem; font-size: .9rem; }
@media (min-width: 960px) {
  .moje .row { padding: .6rem .9rem; gap: .7rem; }
}
.plate { display: inline-flex; align-items: stretch; height: 1.6em; width: 8.7em;    font-size: .84rem; font-family: "DIN Alternate", "Arial Narrow", "Roboto Condensed", Arial, sans-serif; font-weight: 700; letter-spacing: .03em; border: 1.5px solid #111; border-radius: .3rem; background: #fff; color: #111; white-space: nowrap; overflow: hidden; vertical-align: middle; flex: none; box-sizing: content-box; }
.plate .pl-body { display: flex; align-items: center; justify-content: flex-start; gap: .22em; padding: 0 .4em 0 .3em; line-height: 1; flex: 1; min-width: 0; font-variant-numeric: tabular-nums; }
.plate.none { display: inline-flex; align-items: center; justify-content: center; height: 1.6em; padding: 0; border: 1.5px dashed var(--ink-3); background: transparent; color: var(--ink-3); font-weight: 600; font-family: var(--font); line-height: 1.35; }
h1 .plate { font-size: 1.4rem; }
.ppick { display: grid; gap: .5rem; }
.ppick-chosen { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.ppick-list { border: 1px solid var(--line); border-radius: var(--r-s); background: var(--surface); max-height: 22rem; overflow: auto; }
.ppick-list .loading { display: grid; place-items: center; padding: 1.4rem 0; min-height: 0; }
.ppick-list .loading span { width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 3px solid color-mix(in srgb, var(--orange) 25%, transparent); border-top-color: var(--orange); animation: spin 800ms linear infinite; }
.ppick.htmx-request .ppick-list:not(:has(> .loading)) { opacity: .5; }
.ppick-list .acp-pager { padding: .4rem .6rem; border-top: 1px solid var(--line); }
.ppick-list:empty { display: none; }
.pick-row .plate { display: inline-flex; }
.pick-row .plate .pl-body { display: flex; }
.pick-row .plate.none { display: inline-flex; }
.pick-row .plate .pl-body > span { display: inline; }
.pick-row .chip { display: inline-flex; }
.pick-row .chip > span { display: inline; }
.ic { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); height: calc(100dvh - var(--top-h, 61px) - 1.6rem);
      min-height: 22rem; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); overflow: hidden; }
main.fit > .stack.ic-page { overflow: hidden; }
@media (min-width: 960px) and (min-height: 700px) {
  main.fit > .stack.ic-page > .ic { flex: 1 1 auto; height: auto; min-height: 0; }
}
.ic { grid-template-rows: auto minmax(0, 1fr); }
.ic-top { grid-column: 1 / -1; padding: .5rem .7rem; border-bottom: 1px solid var(--line); background: var(--surface); }
.ic-gs { position: relative; max-width: 44rem; margin: 0 auto; }
.ic-gs .search-ico { position: absolute; left: .65rem; top: 50%; transform: translateY(-50%); color: var(--ink-3); pointer-events: none; display: inline-grid; }
.ic-gs input { width: 100%; padding: .45rem .7rem .45rem 2.1rem; border: 1px solid var(--line); border-radius: 4px; background: var(--sunk); color: var(--ink); font: inherit; }
.ic-gs input:focus { background: var(--surface); }
.ic-gs-res { position: absolute; left: 0; right: 0; top: calc(100% + .3rem); z-index: 20; }
.ic-gs-in { background: var(--surface); border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--lift); max-height: min(70vh, 34rem); overflow: auto; padding: .4rem; }
.ic-gs-sec h3 { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); margin: .5rem .5rem .25rem; }
.ic-gs-n { text-transform: none; letter-spacing: 0; font-weight: 600; }
.ic-gs-o, .ic-gs-m { display: flex; gap: .55rem; padding: .45rem .55rem; border-radius: 4px; color: var(--ink); text-decoration: none; }
.ic-gs-o { align-items: center; }
.ic-gs-o > span:not(.ic-gs-ki):not(.ic-ava) { display: grid; min-width: 0; flex: 1; }
.ic-gs-o small { color: var(--ink-3); font-size: .76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-gs-o em { font-style: normal; font-size: .74rem; color: var(--ink-3); }
.ic-gs-ki { display: inline-grid; place-items: center; width: 1.6rem; color: var(--ink-3); }
.ic-gs-o:hover, .ic-gs-m:hover, .ic-gs-o:focus-visible, .ic-gs-m:focus-visible { background: var(--orange-soft); }
.ic-gs-m { flex-direction: column; gap: .15rem; }
.ic-gs-kje { display: flex; align-items: center; gap: .3rem; font-weight: 700; font-size: .84rem; min-width: 0; }
.ic-gs-kje .i { width: .9rem; height: .9rem; color: var(--ink-3); }
.ic-gs-av { font-weight: 400; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-gs-t { font-size: .86rem; color: var(--ink-2); overflow-wrap: anywhere; }
.ic-gs-t mark { background: color-mix(in srgb, var(--orange) 28%, transparent); color: inherit; border-radius: 2px; padding: 0 .1rem; }
.ic-gs-pr { display: inline-flex; align-items: center; gap: .25rem; }
.ic-gs-pr .i { width: .9rem; height: .9rem; }
.ic-gs-p { padding: .3rem .55rem; }
.ic-m.ic-skok { animation: ic-skok 2.4s ease-out 1; border-radius: 4px; }
@keyframes ic-skok { 0%, 40% { background: color-mix(in srgb, var(--orange) 18%, transparent); } 100% { background: transparent; } }
.ic-side { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--line); background: var(--sunk); }
.ic-side-head { display: flex; align-items: center; gap: .5rem; padding: .6rem .7rem .6rem .9rem; border-bottom: 1px solid var(--line); }
.ic-side-head h1 { display: flex; align-items: center; gap: .4rem; font-size: 1.15rem; }
.ic-side-head h1 .i { color: var(--orange); }
.ic-side-head .spacer { flex: 1; }
.ic-side-head .iconbtn { width: 2.1rem; height: 2.1rem; }
.ic-live { width: .6rem; height: .6rem; border-radius: 50%; background: var(--ink-3); flex: none; transition: background var(--mid) var(--ease); }
.ic-live.on { background: var(--ok); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent); }
.ic-side-list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: .5rem .4rem 1rem; }
.ic-sec + .ic-sec { margin-top: 1rem; }
.ic-sec-h { display: flex; align-items: center; justify-content: space-between; padding: .15rem .3rem .25rem .55rem; font-size: .74rem;
            font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); }
.ic-add { display: inline-grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 3px; color: var(--ink-3); }
.ic-add:hover, .ic-add:focus-visible { background: var(--surface); color: var(--orange); }
.ic-item { display: flex; align-items: center; gap: .45rem; padding: .3rem .55rem; border-radius: 3px; text-decoration: none;
           color: var(--ink-2); font-size: .92rem; transition: background var(--fast) var(--ease), color var(--fast) var(--ease); }
.ic-item .i { flex: none; opacity: .8; }
.ic-item:hover { background: color-mix(in srgb, var(--surface) 75%, transparent); color: var(--ink); }
.ic-item .ic-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-item.unread .ic-name { font-weight: 800; color: var(--ink); }
.ic-item.on, .ic-item.on:hover { background: var(--surface); color: var(--ink); box-shadow: inset 3px 0 0 var(--orange), 0 1px 2px rgba(0,0,0,.06); }
.ic-item.on .ic-name { color: var(--ink); font-weight: 700; }
.ic-item.unread .ic-name { font-weight: 800; color: var(--ink); }
.ic-item.unread:not(.on) .i { color: var(--orange); opacity: 1; }
.ic-item .count { margin-left: auto; }
.ic-item.on .count { background: var(--orange); color: #fff; }
.ic-none { padding: .2rem .6rem; }
.ic-row { position: relative; }
.ic-row .ic-item { padding-right: 2rem; }
.ic-x { position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); display: none; place-items: center; width: 1.6rem; height: 1.6rem;
        border: 0; border-radius: 3px; background: transparent; color: var(--ink-3); cursor: pointer; }
.ic-x .i { width: .95rem; height: .95rem; }
.ic-row:hover .ic-x, .ic-x:focus-visible { display: inline-grid; }
.ic-x:hover { background: var(--surface); color: var(--bad); }
.ic-row:has(.ic-item.on) .ic-x:hover { background: var(--sunk); }
.ic-row:hover .ic-item .count { margin-right: 0; }
@media (hover: none) {
  .ic-x { display: inline-grid; }
}
.ic-isci { position: relative; padding: .5rem .5rem 0; }
.ic-isci .search-ico { position: absolute; left: 1.05rem; top: 50%; transform: translateY(-25%); color: var(--ink-3); pointer-events: none; display: inline-grid; }
.ic-isci input { width: 100%; padding: .4rem .6rem .4rem 2rem; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--ink); font: inherit; font-size: .88rem; }
.ic-sr-list:empty { display: none; }
.ic-sr-h { padding: .1rem .6rem .4rem; }
.ic-side:has(#ic-iskanje .ic-sr) #ic-side { display: none; }
.ic-sr-d { display: block; font-size: .72rem; color: var(--ink-3); font-weight: 400; overflow: hidden; text-overflow: ellipsis; }
.ic-sr .ic-item { align-items: center; }
.ic-sr .badge { margin-left: auto; }
.ic-ava { width: 1.45rem; height: 1.45rem; border-radius: 4px; flex: none; display: inline-grid; place-items: center; font-size: .62rem;
          font-weight: 800; letter-spacing: .02em; background: var(--metal); color: #fff; object-fit: cover; }
.ic-main { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.ic-head { display: flex; align-items: center; gap: .6rem; padding: .55rem 1rem; border-bottom: 1px solid var(--line); min-height: 3.2rem; }
.ic-head .spacer { flex: 1; }
.ic-title { display: flex; align-items: center; gap: .4rem; font-size: 1.05rem; min-width: 0; flex: none; max-width: 50%; }
.ic-title > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-title .ic-ava { width: 1.8rem; height: 1.8rem; font-size: .72rem; }
.ic-desc { color: var(--ink-3); font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto;
           border-left: 1px solid var(--line); padding-left: .6rem; }
.ic-n { display: inline-flex; align-items: center; gap: .25rem; color: var(--ink-2); font-size: .86rem; font-weight: 700; }
.ic-back { display: none; }
.ic-msgs { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: .4rem 0 .6rem; }
.ic-m-in { display: flex; gap: .65rem; padding: .35rem 1rem .25rem; }
.ic-m:hover .ic-m-in { background: var(--paper); }
.ic-m-ava { width: 2.3rem; flex: none; display: flex; flex-direction: column; align-items: center; }
.ic-m-ava .ic-ava { width: 2.3rem; height: 2.3rem; font-size: .8rem; }
.ic-m-body { flex: 1; min-width: 0; }
.ic-m-head { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-bottom: .15rem; }
.ic-m-head .chip { font-size: .76rem; padding: .12rem .45rem; }
.ic-atts { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; align-items: flex-start; }
.ic-doc { width: 15rem; max-width: 100%; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); overflow: hidden; display: flex; flex-direction: column; }
.ic-doc-v { display: block; height: 10rem; background: var(--sunk); border-bottom: 1px solid var(--line); overflow: hidden; position: relative; }
.ic-doc-v img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; background: #fff; transition: transform var(--mid) var(--ease); }
.ic-doc-img .ic-doc-v img { object-fit: contain; object-position: center; background: transparent; }
.ic-doc-v:hover img { transform: scale(1.03); }
.ic-doc-ni { display: none; }
.ic-doc-txt { width: min(38rem, 100%); }
.ic-doc-h { padding: .35rem .8rem; border-bottom: 1px solid var(--line); min-width: 0; }
.ic-doc-h a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; font-weight: 700; color: var(--info); text-decoration: none; }
.ic-doc-h a:hover { text-decoration: underline; }
.ic-txt { position: relative; max-height: 11.5rem; overflow: hidden; padding: .6rem .8rem; font-size: .86rem; line-height: 1.45;
          color: var(--ink); border-bottom: 1px solid var(--line); background: var(--surface); }
.ic-txt::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.6rem; pointer-events: none;
                 background: linear-gradient(transparent, var(--surface)); }
.ic-txt-cel .ic-txt::after, .ic-txt-odprt .ic-txt::after { display: none; }
.ic-txt-odprt .ic-txt { max-height: none; }
.ic-txt-slika .ic-txt { padding: 0; max-height: none; }
.ic-txt-slika .ic-txt::after { display: none; }
.ic-txt-slika .ic-doc-v { border-bottom: 0; }
.ic-txt-in h1, .ic-txt-in h2, .ic-txt-in h3, .ic-txt-in h4 { font-size: .95rem; margin: .5rem 0 .25rem; font-weight: 800; }
.ic-txt-in h1:first-child, .ic-txt-in h2:first-child, .ic-txt-in h3:first-child, .ic-txt-in p:first-child { margin-top: 0; }
.ic-txt-in p { margin: 0 0 .45rem; }
.ic-txt-in ul, .ic-txt-in ol { margin: 0 0 .45rem; padding-left: 1.2rem; }
.ic-txt-in pre { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; font-family: var(--mono, ui-monospace, monospace); font-size: .8rem; }
.ic-txt-in code { font-family: var(--mono, ui-monospace, monospace); font-size: .8rem; background: var(--sunk); padding: 0 .2rem; border-radius: 3px; }
.ic-txt-in blockquote { margin: 0 0 .45rem; padding-left: .6rem; border-left: 2px solid var(--line); color: var(--ink-2); }
.ic-txt-in table, table.ic-txt-t { border-collapse: collapse; font-size: .78rem; margin: 0 0 .45rem; }
.ic-txt-in td, .ic-txt-in th { border: 1px solid var(--line); padding: .15rem .4rem; white-space: nowrap; }
.ic-txt-in th { background: var(--sunk); font-weight: 700; }
.ic-txt-in a { color: var(--info); }
.ic-txt-list, .ic-txt-opomba { color: var(--ink-3); font-size: .76rem; }
.ic-txt-nal { color: var(--ink-3); font-size: .8rem; }
.ic-txt-odprt .ic-txt { overflow-x: auto; }
.ic-txt-b { display: flex; align-items: center; gap: .5rem; padding: .25rem .6rem; font-size: .82rem; }
.ic-txt-b .linkbtn { display: inline-flex; align-items: center; gap: .25rem; }
.ic-txt-b .spacer { flex: 1; }
.ic-txt-odprt [data-ic-vec] .i { transform: rotate(180deg); }
.ic-doc-napaka .ic-doc-v img { display: none; }
.ic-doc-napaka .ic-doc-ni { display: grid; place-items: center; height: 100%; gap: .3rem; color: var(--ink-3); font-size: .8rem; text-align: center; padding: .5rem; }
.ic-doc-f { display: flex; align-items: center; gap: .4rem; padding: .3rem .3rem .3rem .55rem; min-width: 0; }
.ic-ft { flex: none; width: 1.75rem; height: 2.2rem; }
.ic-doc-o { flex: 1; min-width: 0; display: grid; line-height: 1.25; }
.ic-doc-o small { color: var(--ink-3); font-size: .74rem; }
.ic-doc-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; font-weight: 700; }
.ic-doc-f small { flex: none; color: var(--ink-3); font-size: .74rem; }
.ic-doc-dl { flex: none; width: 2rem; height: 2rem; }
@media (max-width: 560px) {
  .ic-doc { width: 100%; }
}
.ic-ava-ai { background: var(--grad-orange); }
.ic-ava-ai .i { width: 1.2rem; height: 1.2rem; color: #fff; }
.ic-m-ai p { margin: 0 0 .4rem; }
.ic-m-ai p:last-child { margin-bottom: 0; }
.ic-m-ai ul, .ic-m-ai ol { margin: 0 0 .4rem; padding-left: 1.2rem; }
.ic-m-ai code { font-family: var(--mono, ui-monospace, monospace); font-size: .85em; background: var(--sunk); padding: 0 .2rem; border-radius: 3px; }
.ic-m-ai pre { white-space: pre-wrap; background: var(--sunk); padding: .4rem .6rem; border-radius: 3px; font-size: .82rem; }
.ic-compose { position: relative; }
.ic-ukazi { position: absolute; left: 1rem; right: 1rem; bottom: calc(100% - .2rem); z-index: 5; background: var(--surface); border: 1px solid var(--line);
            border-radius: 4px; box-shadow: var(--lift); padding: .3rem; display: grid; gap: .1rem; }
.ic-ukazi[hidden] { display: none; }
.ic-uk { display: flex; gap: .6rem; align-items: baseline; text-align: left; border: 0; background: none; font: inherit; color: var(--ink);
         padding: .4rem .6rem; border-radius: 3px; cursor: pointer; }
.ic-uk:hover, .ic-uk:focus-visible { background: var(--orange-soft); }
.ic-uk strong { color: var(--orange-strong); }
.ic-uk span { color: var(--ink-2); font-size: .86rem; }
.ic-ukazi > p { padding: .3rem .6rem; }
.ic-cmd-err { color: var(--bad); font-size: .84rem; margin: 0 0 .35rem; }
.ic-cmd-err[hidden], .ic-ai-caka[hidden] { display: none; }
.ic-ai-caka { display: flex; align-items: center; gap: .35rem; color: var(--ink-3); font-size: .84rem; margin: 0 0 .35rem; }
.ic-ai-caka .i { color: var(--orange); animation: ic-ai 1.2s ease-in-out infinite; }
@keyframes ic-ai { 50% { opacity: .35; transform: scale(.85); } }
@media (prefers-reduced-motion: reduce) {
  .ic-ai-caka .i { animation: none; }
}
.set-image { display: flex; gap: 1rem; align-items: center; }
.set-image .set-file { flex: 1; }
.set-image-p { flex: none; width: 4.5rem; height: 4.5rem; border-radius: 6px; object-fit: cover; display: grid; place-items: center; }
.set-image-p.ic-ava-ai .i { width: 2rem; height: 2rem; color: #fff; }
.ic-ava-ai-img { object-fit: cover; }
.ic-tipk { display: grid; gap: .1rem; min-width: 12rem; }
.ic-tipk-st { display: flex; align-items: center; gap: .35rem; font-weight: 600; font-size: .8rem; }
.ic-pr { position: absolute; right: -4px; bottom: -4px; width: .8rem; height: .8rem; border-radius: 50%; border: 2px solid var(--surface);
         background: var(--surface); box-shadow: inset 0 0 0 2px var(--ink-3); pointer-events: none; }
.ic-pr[data-st="na-voljo"] { background: #22a55b; box-shadow: none; }
.ic-pr[data-st="zaseden"] { background: #f59e0b; box-shadow: none; }
.ic-pr[data-st="ni"] { background: #e5484d; box-shadow: none; }
.ic-pr[data-st="off"] { box-shadow: inset 0 0 0 2px #e5484d; }
.ic-st-t[data-st="na-voljo"] { color: #16a34a; }
.ic-st-t[data-st="zaseden"] { color: #d97706; }
.ic-st-t[data-st="ni"], .ic-st-t[data-st="off"] { color: #dc2626; }
.tip .ic-st-t[data-st="na-voljo"] { color: #4ade80; }
.tip .ic-st-t[data-st="zaseden"] { color: #fbbf24; }
.tip .ic-st-t[data-st="ni"], .tip .ic-st-t[data-st="off"] { color: #f87171; }
[data-theme="dark"] .ic-st-t[data-st="na-voljo"] { color: #4ade80; }
[data-theme="dark"] .ic-st-t[data-st="zaseden"] { color: #fbbf24; }
[data-theme="dark"] .ic-st-t[data-st="ni"], [data-theme="dark"] .ic-st-t[data-st="off"] { color: #f87171; }
[data-theme="dark"] .tip .ic-st-t[data-st="na-voljo"] { color: #15803d; }
[data-theme="dark"] .tip .ic-st-t[data-st="zaseden"] { color: #b45309; }
[data-theme="dark"] .tip .ic-st-t[data-st="ni"], [data-theme="dark"] .tip .ic-st-t[data-st="off"] { color: #b91c1c; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ic-st-t[data-st="na-voljo"] { color: #4ade80; }
  :root:not([data-theme="light"]) .ic-st-t[data-st="zaseden"] { color: #fbbf24; }
  :root:not([data-theme="light"]) .ic-st-t[data-st="ni"], :root:not([data-theme="light"]) .ic-st-t[data-st="off"] { color: #f87171; }
  :root:not([data-theme="light"]) .tip .ic-st-t[data-st="na-voljo"] { color: #15803d; }
  :root:not([data-theme="light"]) .tip .ic-st-t[data-st="zaseden"] { color: #b45309; }
  :root:not([data-theme="light"]) .tip .ic-st-t[data-st="ni"], :root:not([data-theme="light"]) .tip .ic-st-t[data-st="off"] { color: #b91c1c; }
}
.ic-pr-in { position: static; width: .65rem; height: .65rem; border: 0; flex: none; }
.ic-pr-in[data-st="off"] { background: transparent; box-shadow: inset 0 0 0 2px #f87171; }
.ic-ava-p, .ic-ava-a { position: relative; display: inline-flex; flex: none; }
.ic-side .ic-pr { border-color: var(--sunk); }
.ic-m.cont .ic-m-ava .ic-pr { display: none; }
.ic-title-st { font-size: .74rem; color: var(--ink-3); font-weight: 600; margin-left: .3rem; }
.ic-jaz { display: flex; align-items: center; gap: .5rem; padding: .5rem .5rem 0 .9rem; }
.ic-jaz .ic-ava { width: 1.6rem; height: 1.6rem; }
.ic-jaz select { flex: 1; min-width: 0; padding: .3rem .5rem; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); font: inherit; font-size: .85rem; }
.ic-tipk-w { display: flex; gap: .7rem; align-items: stretch; }
.ic-tipk a { color: inherit; text-decoration: none; }
.ic-sheet { position: fixed; inset: 0; z-index: 80; }
.ic-sheet-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); }
.ic-sheet-p { position: absolute; left: 0; right: 0; bottom: 0; background: var(--surface); color: var(--ink); border-radius: 12px 12px 0 0;
              padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px)); box-shadow: var(--lift); animation: ic-sheet .18s ease-out; }
@keyframes ic-sheet { from { transform: translateY(100%); } }
.ic-sheet .ic-tipk-sl { background: var(--sunk); color: var(--ink-2); }
.ic-sheet .ic-tipk { font-size: .95rem; }
.ic-sheet .ic-tipk-m { opacity: 1; color: var(--ink-2); }
.ic-sheet .ic-tipk a { color: var(--info); text-decoration: underline; }
.ic-sheet .ic-tipk-h { display: none; }
.ic-sheet-b { display: grid; gap: .5rem; margin-top: 1rem; }
.ic-sheet-b .btn { justify-content: center; min-height: 2.8rem; font-size: 1rem; }
.ic-tipk-slw { position: relative; flex: none; align-self: stretch; width: 3rem; min-height: 3rem; }
.ic-tipk-sl { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 6px; object-fit: cover; display: grid; place-items: center;
              background: color-mix(in srgb, var(--on-ink) 18%, transparent); font-weight: 800; font-size: 1.1rem; }
.ic-tipk strong { font-size: .9rem; }
.ic-tipk-vz { font-weight: 500; opacity: .85; }
.ic-tipk-m { opacity: .8; font-weight: 500; }
.ic-tipk-h { margin-top: .3rem; opacity: .65; font-size: .76rem; font-weight: 500; }
.ic-prof { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.ic-ava-big { width: 4.5rem; height: 4.5rem; font-size: 1.3rem; }
.ic-prof .set-field { margin: 0; }
.ic-prof .set-label small { font-weight: 500; color: var(--ink-3); margin-left: .3rem; }
@media (max-width: 560px) {
  .ic-prof { grid-template-columns: 1fr; }
}
.ic-uk-ai { display: inline-grid; place-items: center; width: 1.3rem; height: 1.3rem; margin-right: .35rem; vertical-align: -.28rem;
            filter: drop-shadow(0 1px 2px rgba(109, 40, 217, .35)); }
.ic-uk-ai svg { width: 100%; height: 100%; display: block; }
.set-vse-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.set-vse { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; cursor: pointer; }
.set-vse input { width: 1.1rem; height: 1.1rem; accent-color: var(--orange); }
.set-vse-warn { display: inline-flex; align-items: center; gap: .35rem; color: var(--warn, #b45309); font-size: .84rem; }
.set-vse-warn .i { width: 1rem; height: 1rem; }
.set-vse-row:has(.set-vse input:checked) input[type="number"] { opacity: .45; }
.set-textarea { width: 100%; min-height: 10rem; resize: vertical; font: inherit; line-height: 1.45; }
.ic-tel { display: inline-grid; place-items: center; color: var(--ink-3); }
.ic-tel .i { width: 1rem; height: 1rem; }
.ic-m-text { line-height: 1.5; overflow-wrap: anywhere; }
.ic-m-text a { color: var(--info); }
.ic-m-hm { display: none; }
.ic-m.cont .ic-m-in { padding-top: .08rem; }
.ic-m.cont .ic-m-head, .ic-m.cont .ic-m-ava .ic-ava { display: none; }
.ic-m.cont .ic-m-hm { display: block; visibility: hidden; padding-top: .15rem; }
.ic-m.cont:hover .ic-m-hm { visibility: visible; }
.ic-m-hm .chip { font-size: .64rem; padding: .05rem .3rem; gap: .15rem; }
.ic-m-hm .chip .i { display: none; }
.ic-dan { display: flex; align-items: center; gap: .6rem; margin: .9rem 1rem .35rem; }
.ic-dan::before, .ic-dan::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.ic-m.same-day .ic-dan { display: none; }
.ic-m:first-child .ic-dan, .ic-start + .ic-m .ic-dan, .ic-older + .ic-m .ic-dan { margin-top: .3rem; }
.ic-older { text-align: center; padding: .5rem 1rem; }
.ic-up { transform: rotate(180deg); }
.ic-start { padding: .9rem 1rem .4rem; }
.ic-start h2 { display: flex; align-items: center; gap: .35rem; font-size: 1.3rem; margin-bottom: .3rem; }
.ic-new { position: absolute; left: 50%; bottom: 6.2rem; transform: translateX(-50%); z-index: 3; display: inline-flex; align-items: center; gap: .3rem;
          padding: .35rem .85rem; border: 0; border-radius: 999px; background: var(--orange); color: #fff; font: inherit; font-size: .84rem;
          font-weight: 700; cursor: pointer; box-shadow: var(--lift); animation: ic-pop var(--mid) var(--ease); }
.ic-new[hidden] { display: none; }
@keyframes ic-pop { from { opacity: 0; transform: translate(-50%, .4rem); } }
.ic-compose { padding: .5rem 1rem .6rem; border-top: 1px solid var(--line); background: var(--surface); }
.ic-compose .att-chosen.on { margin-bottom: .45rem; }
.ic-compose.att-over { outline: 2px dashed var(--orange); outline-offset: -4px; }
.ic-hint { margin-top: .25rem; font-size: .74rem; }
.ic-m.ic-nov { animation: ic-in var(--mid) var(--ease); }
@keyframes ic-in { from { opacity: 0; transform: translateY(.35rem); } }
.ic-empty { margin: auto; max-width: 30rem; text-align: center; padding: 2rem 1.2rem; display: grid; gap: .6rem; justify-items: center; }
.ic-empty-ic { width: 3rem; height: 3rem; color: var(--orange); }
.ic-empty-b { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-top: .4rem; }
.ic-zas > span:last-child { display: inline-flex; align-items: center; gap: .3rem; }
.ic-dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; margin: 0; }
.ic-dl dt { color: var(--ink-3); font-weight: 700; }
a.ic-who { text-decoration: none; cursor: pointer; transition: box-shadow var(--fast) var(--ease); }
a.ic-who:hover, a.ic-who:focus-visible { box-shadow: 0 0 0 2px color-mix(in srgb, var(--orange) 55%, transparent); }
.ic-ava-a { display: inline-flex; border-radius: 4px; line-height: 0; }
.ic-ava-a:hover .ic-ava, .ic-ava-a:focus-visible .ic-ava { box-shadow: 0 0 0 2px var(--orange); }
a.ic-n { text-decoration: none; cursor: pointer; }
a.ic-n:hover { color: var(--orange); }
.ic-clani { display: flex; flex-wrap: wrap; gap: .3rem; }
.ic-obv { border: 0; padding: 0; margin: 0; display: grid; gap: .4rem; }
.ic-obv-o { display: flex; gap: .6rem; align-items: flex-start; padding: .55rem .75rem; border: 1px solid var(--line); border-radius: 3px; cursor: pointer; }
.ic-obv-o:has(input:checked) { border-color: var(--orange); background: var(--orange-soft); }
.ic-obv-o input { margin-top: .25rem; accent-color: var(--orange); }
.ic-obv-o span { display: grid; }
.ic-obv-o small { color: var(--ink-3); }
.ic-dev { display: grid; gap: .5rem; }
.ic-dev-b { display: flex; flex-wrap: wrap; gap: .5rem; }
.ic-dev-b:not(:has(button:not([hidden]))) { display: none; }
.ic-namesti { color: var(--orange); border-color: var(--orange); }
[data-ic-namesti][hidden], [data-ic-push-on][hidden], [data-ic-push-off][hidden], [data-ic-vec][hidden] { display: none !important; }
.ic-app .tg-mb, .ic-app #side, .ic-app .top a.iconbtn[href="/"], .ic-app .top [data-settings] { display: none !important; }
.ic-dl dd { margin: 0; display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; }
@media (max-width: 760px) {
  .ic { grid-template-columns: minmax(0, 1fr); height: calc(100dvh - var(--top-h, 61px) - 1rem); }
  .ic.ic-seznam .ic-main { display: none; }
  .ic:not(.ic-seznam) .ic-side { display: none; }
  .ic-back { display: inline-grid; width: 2.1rem; height: 2.1rem; }
  .ic-hint, .ic-hide-s, .ic-desc { display: none; }
  .ic-title { max-width: none; flex: 1; }
  .ic-head .spacer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ic-new, .ic-m.ic-nov { animation: none; }
}
.ic-klic { position: fixed; right: var(--pad); bottom: 1rem; z-index: 900; display: grid; gap: .6rem; justify-items: end; pointer-events: none; }
.ic-klic > * { pointer-events: auto; }
.ic-klic [hidden] { display: none !important; }
.ic-zv, .ic-kb { width: min(22rem, calc(100vw - 2rem)); background: #1d2023; color: #fff; border-radius: 10px; box-shadow: 0 12px 34px -10px rgba(0,0,0,.55);
                 animation: ic-kb-in .22s var(--ease); }
@keyframes ic-kb-in { from { opacity: 0; transform: translateY(.6rem) scale(.98); } }
.ic-zv { display: flex; align-items: center; gap: .75rem; padding: .8rem .9rem; }
.ic-zv-ava { position: relative; flex: none; display: inline-grid; }
.ic-zv-ava .ic-ava { width: 2.8rem; height: 2.8rem; font-size: 1rem; border-radius: 50%; }
.ic-zv-ava::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #22a55b; animation: ic-zv-val 1.4s ease-out infinite; }
@keyframes ic-zv-val { from { opacity: .9; transform: scale(.9); } to { opacity: 0; transform: scale(1.35); } }
.ic-zv-t { flex: 1; min-width: 0; display: grid; }
.ic-zv-t strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-zv-t span { font-size: .82rem; opacity: .75; }
.ic-zv-b { flex: none; width: 2.7rem; height: 2.7rem; border: 0; border-radius: 50%; display: inline-grid; place-items: center; color: #fff; cursor: pointer;
           transition: transform var(--fast) var(--ease), filter var(--fast) var(--ease); }
.ic-zv-b .i { width: 1.35rem; height: 1.35rem; }
.ic-zv-b:hover, .ic-zv-b:focus-visible { transform: scale(1.06); filter: brightness(1.08); }
.ic-zv-da { background: #22a55b; animation: ic-zv-tresi 1.6s ease-in-out infinite; }
.ic-zv-ne { background: #e5484d; }
@keyframes ic-zv-tresi { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(-12deg); } 85% { transform: rotate(12deg); } 95% { transform: rotate(-6deg); } }
.ic-kb { padding: .7rem .8rem .75rem; display: grid; gap: .6rem; }
.ic-kb-h { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.ic-kb-ic { flex: none; width: 1.8rem; height: 1.8rem; border-radius: 50%; display: inline-grid; place-items: center; background: #22a55b; }
.ic-kb-ic .i { width: 1rem; height: 1rem; }
.ic-kb-caka .ic-kb-ic { animation: ic-kb-dih 1.2s ease-in-out infinite; }
@keyframes ic-kb-dih { 50% { box-shadow: 0 0 0 6px rgba(34,165,91,.25); } }
.ic-kb-n { flex: 1; min-width: 0; color: #fff; font-weight: 800; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-kb-n:hover { text-decoration: underline; }
.ic-kb-s { flex: none; font-variant-numeric: tabular-nums; font-size: .82rem; opacity: .8; }
.ic-kb-o { display: flex; flex-wrap: wrap; gap: .4rem; }
.ic-kb-p { position: relative; display: inline-flex; border-radius: 50%; }
.ic-kb-p .ic-ava { width: 2.2rem; height: 2.2rem; border-radius: 50%; font-size: .78rem; transition: box-shadow var(--fast) var(--ease); }
.ic-kb-p.govori .ic-ava { box-shadow: 0 0 0 2px #1d2023, 0 0 0 4px #22a55b; }
.ic-kb-p.utisan::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: .85rem; height: .85rem; border-radius: 50%; background: #e5484d;
                         border: 2px solid #1d2023; }
.ic-kb-b { display: flex; align-items: center; gap: .5rem; }
.ic-kb-b .spacer { flex: 1; }
.ic-kb-b .btn { color: #fff; background: rgba(255,255,255,.12); border-color: transparent; }
.ic-kb-btn { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 0; display: inline-grid; place-items: center; cursor: pointer; color: #fff;
             background: rgba(255,255,255,.14); transition: background var(--fast) var(--ease); }
.ic-kb-btn:hover, .ic-kb-btn:focus-visible { background: rgba(255,255,255,.24); }
.ic-kb-btn .i { width: 1.2rem; height: 1.2rem; }
.ic-kb-btn .ic-kb-off, .ic-kb-btn.off .ic-kb-on { display: none; }
.ic-kb-btn.off .ic-kb-off { display: inline-grid; }
.ic-kb-btn.off { background: #fff; color: #1d2023; }
.ic-kb-x { background: #e5484d; }
.ic-kb-x:hover, .ic-kb-x:focus-visible { background: #d13438; }
.ic-kb-x .i, .ic-zv-ne .i { transform: rotate(0); }
.ic-klic-b { color: var(--ink-2); }
.ic-klic-b:hover { color: #16a34a; }
.ic-klic-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .65rem .25rem .5rem; border: 0; border-radius: 999px; cursor: pointer;
                background: #22a55b; color: #fff; font: inherit; font-size: .84rem; font-weight: 700; }
.ic-klic-pill:hover { filter: brightness(1.06); }
.ic-klic-pill > .i { width: 1rem; height: 1rem; }
.ic-klic-pill-o { display: inline-flex; }
.ic-klic-pill-o .ic-ava { width: 1.35rem; height: 1.35rem; border-radius: 50%; border: 2px solid #22a55b; font-size: .55rem; }
.ic-klic-pill-o .ic-ava + .ic-ava { margin-left: -.4rem; }
.ic-klic-pill.ic-v-tem { background: var(--sunk); color: var(--ink-2); cursor: default; }
.ic-klic-n { display: inline-flex; align-items: center; gap: .15rem; flex: none; padding: .05rem .35rem; border-radius: 999px; background: #22a55b; color: #fff;
             font-size: .7rem; font-weight: 800; }
.ic-klic-n .i { width: .75rem; height: .75rem; opacity: 1 !important; color: #fff !important; }
.ic-kk { display: flex; align-items: center; gap: .7rem; margin-top: .3rem; padding: .6rem .75rem; border: 1px solid var(--line); border-radius: 6px;
         background: var(--surface); max-width: 32rem; }
.ic-kk-ic { flex: none; width: 2.2rem; height: 2.2rem; border-radius: 50%; display: inline-grid; place-items: center; background: var(--sunk); color: var(--ink-2); }
.ic-kk-ic .i { width: 1.15rem; height: 1.15rem; }
.ic-kk-on .ic-kk-ic { background: #22a55b; color: #fff; animation: ic-kb-dih 1.6s ease-in-out infinite; }
.ic-kk-zgresen .ic-kk-ic, .ic-kk-zavrnjen .ic-kk-ic { background: color-mix(in srgb, #e5484d 15%, transparent); color: #dc2626; }
.ic-kk-t { flex: 1; min-width: 0; display: grid; gap: .15rem; }
.ic-kk-m { color: var(--ink-3); font-size: .82rem; font-variant-numeric: tabular-nums; }
.ic-kk-o { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .15rem; }
.ic-kk-o .ic-ava { width: 1.5rem; height: 1.5rem; font-size: .58rem; }
.ic-kk-b { flex: none; background: #22a55b; border-color: #22a55b; color: #fff; }
.ic-kk-b:hover { filter: brightness(1.06); }
.ic-kk-b.ic-v-tem { background: var(--sunk); border-color: var(--line); color: var(--ink-2); }
@media (min-width: 761px) {
  html:has(#ic .ic-compose) .ic-klic { bottom: 7.2rem; right: calc(var(--pad) + 1.2rem); }
}
@media (max-width: 760px) {
  .ic-klic { left: .5rem; right: .5rem; bottom: calc(.5rem + env(safe-area-inset-bottom, 0px)); justify-items: stretch; }
  .ic-zv, .ic-kb { width: auto; }
  html.ic-v-klicu .ic-compose { padding-bottom: 9.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ic-zv, .ic-kb, .ic-zv-ava::after, .ic-zv-da, .ic-kb-caka .ic-kb-ic, .ic-kk-on .ic-kk-ic { animation: none; }
}
.ic-ep { position: fixed; z-index: 960; width: min(22rem, calc(100vw - 1rem)); height: min(21rem, 70vh); display: flex; flex-direction: column;
         background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 14px 40px -12px rgba(0,0,0,.35);
         animation: ic-kb-in .15s var(--ease); overflow: hidden; }
.ic-ep[hidden] { display: none; }
.ic-ep-t { display: flex; gap: .1rem; padding: .3rem .35rem; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; flex: none; }
.ic-ep-t button { flex: none; width: 2rem; height: 2rem; border: 0; border-radius: 6px; background: none; font-size: 1.1rem; cursor: pointer; opacity: .55;
                  filter: grayscale(.6); transition: opacity var(--fast) var(--ease), filter var(--fast) var(--ease); }
.ic-ep-t button:hover, .ic-ep-t button.on { opacity: 1; filter: none; background: var(--sunk); }
.ic-ep-s { flex: 1; overflow-y: auto; padding: .2rem .45rem .6rem; overscroll-behavior: contain; }
.ic-ep-s h4 { position: sticky; top: -.2rem; margin: 0; padding: .45rem .2rem .25rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em;
              color: var(--ink-3); background: var(--surface); z-index: 1; }
.ic-ep-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(2.15rem, 1fr)); }
.ic-ep-g button { height: 2.15rem; border: 0; border-radius: 6px; background: none; font-size: 1.35rem; line-height: 1; cursor: pointer; padding: 0;
                  transition: transform var(--fast) var(--ease), background var(--fast) var(--ease); }
.ic-ep-g button:hover, .ic-ep-g button:focus-visible { background: var(--sunk); transform: scale(1.18); }
.ic-odz { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }
.ic-odz-b { display: inline-flex; align-items: center; gap: .25rem; padding: .1rem .5rem; min-height: 1.7rem; border: 1px solid var(--line); border-radius: 999px;
            background: var(--sunk); color: var(--ink-2); font: inherit; font-size: .9rem; cursor: pointer; }
.ic-odz-b span { font-size: .76rem; font-weight: 700; }
.ic-odz-b:hover { border-color: var(--ink-3); }
.ic-odz-b.moj { background: var(--orange-soft); border-color: var(--orange); color: var(--orange-strong); }
.ic-odz-plus { color: var(--ink-3); padding: .1rem .4rem; }
.ic-odz-plus .i { width: 1rem; height: 1rem; }
.ic-odz-prazno { margin-top: .15rem; }
.ic-m:not(:hover) .ic-odz:not(.odprt) .ic-odz-plus { visibility: hidden; }
.ic-odz-prazno:not(.odprt) .ic-odz-plus { border-color: transparent; background: none; }
.ic-m:not(:hover) .ic-odz-prazno:not(.odprt) { height: 0; margin: 0; overflow: hidden; }
.ic-odz.odprt .ic-odz-plus { border-color: var(--orange); color: var(--orange); }
@media (hover: none) {
  .ic-m:not(:hover) .ic-odz:not(.odprt) .ic-odz-plus { visibility: visible; }
  .ic-m:not(:hover) .ic-odz-prazno:not(.odprt) { height: auto; margin-top: .15rem; overflow: visible; }
  .ic-odz-prazno .ic-odz-plus { opacity: .6; }
}
button.ic-ava-a { border: 0; padding: 0; background: none; cursor: pointer; }
.ic-zh { margin-top: .4rem; max-width: 36rem; border: 1px solid var(--line); border-left: 3px solid #7c3aed; border-radius: 6px; padding: .6rem .75rem;
         background: var(--surface); display: grid; gap: .35rem; }
.ic-zh-oddan { border-left-color: var(--ok); }
.ic-zh-zavrzen { border-left-color: var(--ink-3); opacity: .75; }
.ic-zh-h { display: flex; align-items: center; gap: .4rem; }
.ic-zh-h .i { color: #7c3aed; }
.ic-zh-oddan .ic-zh-h .i { color: var(--ok); }
.ic-zh-h strong { flex: 1; }
.ic-zh-n { font-weight: 700; }
.ic-zh-o { white-space: pre-wrap; color: var(--ink-2); font-size: .88rem; max-height: 12rem; overflow: auto; }
.ic-zh-b { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.ic.ic-pp-on { grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr) minmax(16rem, 20rem); }
.ic.ic-pp-on > .ic-side { grid-column: 1; grid-row: 2; }
.ic.ic-pp-on > .ic-main { grid-column: 2; grid-row: 2; }
.ic-pp { grid-column: 3; grid-row: 2; border-left: 1px solid var(--line); background: var(--surface); overflow-y: auto; min-height: 0; animation: ic-pp-in .2s var(--ease); }
.ic-pp[hidden] { display: none; }
@keyframes ic-pp-in { from { opacity: 0; transform: translateX(1rem); } }
.ic-pp-in { padding: .8rem 1rem 1.2rem; display: grid; gap: .5rem; justify-items: center; text-align: center; }
.ic-pp-h { justify-self: stretch; display: flex; align-items: center; justify-content: space-between; }
.ic-pp-sl { position: relative; width: 10rem; height: 10rem; margin-top: .3rem; }
.ic-pp-sl img, .ic-pp-sl > span:first-child { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; display: grid; place-items: center;
                                               background: var(--metal); color: #fff; font-size: 3rem; font-weight: 800; }
.ic-pp-sl .ic-pr { width: 1.4rem; height: 1.4rem; right: -6px; bottom: -6px; border-width: 3px; }
.ic-pp-ime { font-size: 1.35rem; margin: .3rem 0 0; }
.ic-pp-vz { margin: 0; color: var(--ink-2); }
.ic-pp-st { margin: 0; font-weight: 700; font-size: .9rem; }
.ic-pp-poz { margin: 0; font-size: 1rem; }
.ic-pp-dl { justify-self: stretch; display: grid; grid-template-columns: max-content 1fr; gap: .45rem .8rem; margin: .6rem 0 0; text-align: left; font-size: .92rem; }
.ic-pp-dl dt { color: var(--ink-3); font-weight: 700; }
.ic-pp-dl dd { margin: 0; overflow-wrap: anywhere; }
.ic-pp-dl a { color: var(--info); }
.ic-pp-b { justify-self: stretch; display: grid; gap: .45rem; margin-top: .6rem; }
.ic-pp-b .btn { justify-content: center; }
@media (max-width: 1100px) {
  .ic.ic-pp-on { grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr) minmax(15rem, 17rem); }
}
@media (max-width: 760px) {
  .ic.ic-pp-on { grid-template-columns: minmax(0, 1fr); }
  .ic-pp { position: fixed; inset: 0; z-index: 70; border: 0; padding-top: env(safe-area-inset-top, 0px); }
}
@media (prefers-reduced-motion: reduce) {
  .ic-pp, .ic-ep { animation: none; }
}
.ic-kv { position: fixed; inset: calc(var(--top-h, 61px) + .6rem) 2vw 1.2rem 2vw; z-index: 905; display: flex; flex-direction: column; gap: .6rem;
         padding: .7rem .8rem .8rem; background: #15171a; color: #fff; border-radius: 10px; box-shadow: 0 18px 50px -12px rgba(0,0,0,.6);
         animation: ic-kb-in .22s var(--ease); }
.ic-kv:fullscreen { inset: 0; border-radius: 0; padding: 1rem; }
.ic-kv-h { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.ic-kv-h .spacer { flex: 1; }
.ic-kv-g { flex: 1; min-height: 0; display: grid; gap: .5rem; grid-template-columns: repeat(var(--kol, 1), minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); }
.ic-kv-t { position: relative; min-height: 0; border-radius: 8px; overflow: hidden; background: #24272c; display: grid; place-items: center;
           box-shadow: inset 0 0 0 2px transparent; transition: box-shadow var(--fast) var(--ease); }
.ic-kv-t.govori { box-shadow: inset 0 0 0 3px #22a55b; }
.ic-kv-t video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: none; background: #000; }
.ic-kv-t.kam video { display: block; }
.ic-kv-t.lok video { transform: scaleX(-1); }
.ic-kv-a { display: grid; place-items: center; }
.ic-kv-t.kam .ic-kv-a { display: none; }
.ic-kv-a .ic-ava { width: clamp(3.5rem, 9vw, 6.5rem); height: clamp(3.5rem, 9vw, 6.5rem); border-radius: 50%; font-size: clamp(1.1rem, 2.6vw, 2rem); }
.ic-kv-n { position: absolute; left: .5rem; bottom: .5rem; max-width: calc(100% - 1rem); padding: .2rem .55rem; border-radius: 4px; background: rgba(0,0,0,.55);
           font-size: .8rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-kv-n.utisan::before { content: ""; display: inline-block; width: .55rem; height: .55rem; margin-right: .35rem; border-radius: 50%; background: #e5484d; vertical-align: .05rem; }
.ic-kv-b { display: flex; justify-content: center; align-items: center; gap: .7rem; }
.ic-kv-b .ic-kb-btn { width: 3rem; height: 3rem; }
.ic-kv-b .ic-kb-btn .i { width: 1.35rem; height: 1.35rem; }
.ic-kv-b .btn { color: #fff; background: rgba(255,255,255,.12); border-color: transparent; }
.ic-kb-btn[disabled] { opacity: .45; cursor: default; }
.ic-zv-glas { background: #2f7d55; }
@media (max-width: 760px) {
  .ic-kv { inset: 0; border-radius: 0; padding: calc(.6rem + env(safe-area-inset-top, 0px)) .6rem calc(.8rem + env(safe-area-inset-bottom, 0px)); }
  .ic-kv-z { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ic-kv { animation: none; }
}
:root {
  --gw-o1: #FF7500; --gw-o2: #FF2D00;
  --orange: #FF2D00; --orange-2: #FF7500; --orange-strong: #D62600; --orange-soft: #FFF1E8;
  --grad-orange: linear-gradient(90deg, #FF7500, #FF2D00);
  --ink: #2B2F33; --ink-2: #474E54; --ink-3: #6B7278;
  --paper: #F6F8F8; --surface: #FFFFFF; --sunk: #EBF0F0; --line: #D5DEDE;
  --ok: #1F8A4C; --ok-soft: #E3F4EA; --info: #1F5FA8; --info-soft: #E8EEF9; --bad: #C62828; --bad-soft: #FDECEA;
  --pe: #474E54; --pe-soft: #EBF0F0;
  --r-s: 7px; --r: 10px; --r-l: 12px;
  --lift: 0 6px 20px rgba(0,0,0,.12);
  --side: 15rem;
}
html { font-size: 14px; }
body { font-family: Nunito, "Segoe UI", Arial, sans-serif; }
h1 { font-size: 20px; font-weight: 800; letter-spacing: 0; }
.t-h { font-size: 15px; }
.intro { color: var(--ink-3); max-width: none; margin-top: .3rem; }
.stack > * + *, .page-body > * + * { margin-top: 14px; }
main { padding: 18px 22px 2rem; }
.top { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; border-top: 0;
  border-bottom: 3px solid; border-image: var(--grad-orange) 1; }
.top-in { padding: 10px 20px; gap: 12px; }
.top .iconbtn { border-radius: 8px; border-color: var(--line); width: 2.3rem; height: 2.3rem; }
.top .iconbtn:hover { background: var(--sunk); }
.avatar { background: var(--grad-orange); color: #fff; }
.btn { border-radius: 7px; min-height: 0; padding: 8px 14px; font-weight: 700; border-color: var(--line); }
.btn.primary { background: var(--grad-orange); color: #fff; border-color: transparent; }
.btn.primary:hover { background: var(--grad-orange); filter: brightness(1.05); }
.btn.small { padding: 4px 10px; font-size: 12px; min-height: 0; }
.search input { border-radius: 7px; border-color: var(--line); padding-top: 8px; padding-bottom: 8px; }
.badge { padding: 1px 8px; font-size: 12px; border-radius: 20px; }
.chip { padding: 1px 8px; font-size: 12px; font-weight: 700; border-radius: 20px; }
.tablewrap { border-radius: 10px; border-color: var(--line); }
table.items { font-size: 13px; }
table.items th, table.items thead th { background: var(--sunk); color: var(--ink); font-weight: 800; font-size: 13px; padding: 8px; box-shadow: none; border-bottom: 0; }
table.items td { padding: 7px 8px; border-bottom-color: color-mix(in srgb, var(--line) 55%, var(--surface)); }
table.items tbody tr:hover td { background: color-mix(in srgb, var(--info) 9%, var(--surface)); }
.pdf-box { border-radius: 12px; border-color: var(--line); box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.pdf-head { padding: 14px 18px; border-bottom-color: var(--line); }
.pdf-head strong { font-size: 17px; }
.pdf-head { background: var(--grad-orange); color: #fff; border-bottom: 0; }
.pdf-head strong { color: #fff; }
.pdf-head .iconbtn, .set-head .iconbtn, .cf-head .iconbtn { background: transparent; border: 1px solid rgba(255,255,255,.65); color: #fff; border-radius: 4px; }
.pdf-head .iconbtn:hover, .set-head .iconbtn:hover { background: rgba(255,255,255,.16); color: #fff; }
.pdf-head .btn { background: rgba(255,255,255,.14); color: #fff; border-color: rgba(255,255,255,.65); }
.pdf-head .btn:hover { background: rgba(255,255,255,.24); }
.pdf-head .btn.primary { background: #fff; color: #FF4A00; border-color: #fff; }
.cf-box { padding: 0; overflow: hidden; }
.cf-head { background: var(--grad-orange); color: #fff; padding: 14px 18px; }
.cf-head h2 { color: #fff; font-size: 17px; }
.cf-ico { background: rgba(255,255,255,.2); color: #fff; width: 1.9rem; height: 1.9rem; }
#cf-text { margin: 0; padding: 1rem 1.3rem 0; }
.cf-foot { padding: 1rem 1.3rem 1.1rem; }
.set-head { background: var(--grad-orange); color: #fff; padding: 14px 18px; }
.set-head h2 { font-size: 17px; color: #fff; }
.set-head .iconbtn { background: transparent; border-color: rgba(255,255,255,.6); color: #fff; }
.set-field input, .set-field select, .set-field textarea { border-radius: 7px; border-color: var(--line); }
.toast { background: #23272B; color: #fff; border-radius: 8px; border-left: 4px solid #48C774; }
.toast.napaka { background: #23272B; color: #fff; border-left-color: #FF6B5A; }
.toast.info { background: #23272B; color: #fff; border-left-color: #6CA6E8; }
.ptoast { border-radius: 10px; }
.avatar { white-space: nowrap; overflow-wrap: normal; word-break: keep-all; hyphens: none; line-height: 1;
  letter-spacing: 0; overflow: hidden; text-align: center; }
:root { --r-s: 4px; --r: 6px; --r-l: 8px; }
html { font-size: 13px; }
main { padding: 12px 16px 1rem; }
h1 { font-size: 18px; }
.intro { font-size: 12.5px; margin-top: 2px; }
.stack > * + *, .page-body > * + * { margin-top: 10px; }
.top-in { padding: 0 16px; gap: 10px; min-height: 46px; }
.top .iconbtn { width: 2rem; height: 2rem; border-radius: 4px; }
.tablewrap { border-radius: 4px; }
table.items { font-size: 13px; font-variant-numeric: tabular-nums; }
table.items th, table.items thead th { padding: 6px 8px; font-size: 12.5px; font-weight: 700; }
table.items td { padding: 4px var(--td-px, 8px); line-height: 1.35; vertical-align: middle; }
table.items td + td, table.items th + th { border-left: 1px solid color-mix(in srgb, var(--line) 60%, var(--surface)); }
table.items tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--sunk) 45%, var(--surface)); }
table.items tbody tr:hover td { background: color-mix(in srgb, var(--info) 12%, var(--surface)); }
table.items td .badge { border-radius: 3px; padding: 0 6px; font-size: 11.5px; }
.btn { border-radius: 4px; padding: 5px 12px; }
.btn.small { padding: 3px 8px; }
.search input { border-radius: 4px; padding-top: 6px; padding-bottom: 6px; }
.set-field input, .set-field select, .set-field textarea { border-radius: 4px; }
.badge, .chip { border-radius: 4px; }
.pdf-box { border-radius: 8px; }
.pdf-head, .set-head, .cf-head { padding: 6px 12px 6px 14px; min-height: 40px; box-sizing: border-box; }
.pdf-head strong, .set-head h2, .cf-head h2 { font-size: 15px; line-height: 1.3; }
.pdf-head .iconbtn, .set-head .iconbtn, .cf-head .iconbtn { width: 28px; height: 28px; min-width: 28px; padding: 0; display: grid; place-items: center; }
.pdf-head .iconbtn svg, .set-head .iconbtn svg, .cf-head .iconbtn svg { width: 15px; height: 15px; }
.set-head h2, .cf-head h2 { display: flex; align-items: center; gap: 8px; min-width: 0; }
.set-head h2 > .i, .cf-head h2 > .i { width: 18px; height: 18px; flex: none; }
.pdf-head .btn { padding-top: 3px; padding-bottom: 3px; }
.op-modal { width: min(520px, 94vw); height: auto; max-height: var(--okno-max-h); }
.op-modal::backdrop { background: rgba(20,18,26,.55); backdrop-filter: blur(3px); }
@media (prefers-reduced-motion: reduce) {
  .op-modal *, .op-modal { animation: none !important; }
}
:root { --drsnik: color-mix(in srgb, var(--ink-3) 40%, var(--line)); --drsnik-on: var(--ink-3); }
* { scrollbar-color: var(--drsnik) transparent; }
*:hover { scrollbar-color: var(--drsnik-on) transparent; }
@supports not (scrollbar-color: auto) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: var(--drsnik); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover { background: var(--drsnik-on); background-clip: padding-box; }
}
:root { --r-s: 3px; --r: 4px; --r-l: 4px; }
:focus-visible { border-radius: 3px; }
.pdf-box, .cf-box, .menu-pop, .toast, .ptoast, .tip, .sheet { border-radius: 4px; }
.tg-mb-p { border-radius: 0 0 4px 4px; }
.tablewrap, .doc, .list, .empty, .picked, .drop, .banner, .note, .pt-scena, .pr-stroj, .att-chip, .ad-sec { border-radius: 4px; }
.btn, .iconbtn, .top .iconbtn, .seg, .seg a, .seg button, .st-seg, .st-seg-b, .search input, select, .check .box, .pt-x, .chat-send, .att-btn, .chat-compose textarea { border-radius: 3px; }
.badge, .chip, .count, .sheet .tag, .zv-pct, table.items td .badge { border-radius: 3px; }
.pt-bar, .pt-bar span { border-radius: 2px; }
.cakanje { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; }
.cakanje-t { font-size: .92rem; font-weight: 600; color: var(--ink-3); }
.ld-kartica { display: grid; justify-items: center; gap: .65rem; padding: 1.1rem 1.6rem .95rem; min-width: 12.5rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent); border: 1px solid var(--line); border-radius: 6px;
  box-shadow: 0 18px 50px -12px rgba(0, 0, 0, .28), var(--lift); backdrop-filter: blur(6px);
  transform: translateY(6px) scale(.97); transition: transform 220ms cubic-bezier(.2, .9, .3, 1.3); }
.cakanje.htmx-request .ld-kartica { transform: none; transition-delay: 250ms; }
.cakanje .ld-znak, .cakanje .ld-znak.ld-znak, .modal-page .loading > span, .ppick-list .loading > span {
  position: relative; display: block; width: 46px; height: 46px; margin: 8px; border: 0; border-radius: 12px; box-shadow: none;
  background: linear-gradient(135deg, #FF7500, #FF2D00); animation: ld-dih 1.6s ease-in-out infinite; overflow: visible; }
.ppick-list .loading > span { width: 32px; height: 32px; border-radius: 9px; margin: 6px; }
.ppick-list .loading > span::before { left: 8px; right: 8px; top: 6px; bottom: 7px; }
.ppick-list .loading > span::after { inset: -6px; border-width: 2px; }
.ld-pike { display: inline-flex; margin-left: 1px; font-style: normal; }
.ld-pike > i { font-style: normal; animation: ld-pika 1.2s ease-in-out infinite; }
.ld-pike > i:nth-child(2) { animation-delay: .2s; }
.ld-pike > i:nth-child(3) { animation-delay: .4s; }
.cakanje .ld-trak, .modal-page > .loading:only-child::before { display: block; width: 9rem; height: 3px; border: 0; border-radius: 2px; overflow: hidden; box-shadow: none;
  background: linear-gradient(90deg, transparent 0 30%, #FF7500 45%, #FF2D00 55%, transparent 70% 100%) 0 0 / 300% 100% no-repeat,
              color-mix(in srgb, var(--orange) 14%, var(--sunk));
  animation: ld-trak 1.4s ease-in-out infinite; }
.modal-page > .loading:only-child::before { content: ""; order: 3; }
.modal-page > .loading:only-child > span { order: 1; }
.modal-page > .loading:only-child::after { order: 2; }
@keyframes ld-dih { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 color-mix(in srgb, #FF7500 45%, transparent); }
  50% { transform: scale(1.05); box-shadow: 0 0 0 9px color-mix(in srgb, #FF7500 0%, transparent); } }
@keyframes ld-pika { 0%, 100% { opacity: .2; } 40% { opacity: 1; } }
@keyframes ld-trak { 0% { background-position: 100% 0, 0 0; } 100% { background-position: 0 0, 0 0; } }
@media (prefers-reduced-motion: reduce) {
  .ld-kartica, .cakanje .ld-znak, .ld-pike > i, .cakanje .ld-trak, .modal-page > .loading::before { animation: none !important; transition: none; }
  .ld-pike > i { opacity: 1; }
}
.pt-scena { position: relative; height: 64px; margin: -.25rem 0 .55rem; border-radius: 10px; overflow: hidden; background: linear-gradient(180deg, color-mix(in srgb, var(--orange) 7%, var(--surface)), var(--surface)); border: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.sc-tek { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 12px; transition: opacity .3s, transform .3s; }
.ptoast .pt-msg .pt-l1 { font-weight: 700; color: var(--ink); }
.ptoast.sc-nedol .pt-bar span { width: 35% !important; animation: pt-slide 1.2s ease-in-out infinite; }
.ptoast.sc-nedol .pt-pct:empty::before { content: "Delam … (količina še ni znana)"; color: var(--ink-3); font-weight: 600; }
.sc-valj { position: relative; flex: none; width: 38px; height: 50px; display: grid; justify-items: center; color: var(--ink-3); }
.sc-valj svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.sc-valj b { position: absolute; bottom: -3px; font-size: 8.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; background: var(--surface); padding: 0 3px; border-radius: 3px; }
.sc-valj-v { position: absolute; left: 3px; right: 3px; bottom: 5px; height: 72%; border-radius: 0 0 50% 50% / 0 0 6px 6px; background: color-mix(in srgb, var(--ink-3) 22%, transparent); }
.sc-cilj { color: var(--orange); }
.sc-cilj .sc-valj-v { height: calc(var(--pol, 0%) * .78); background: color-mix(in srgb, var(--orange) 55%, transparent); transition: height .8s cubic-bezier(.2, .7, .2, 1); }
.sc-cilj .sc-valj-v::before { content: ""; position: absolute; left: -40%; width: 180%; aspect-ratio: 1; top: -4px; border-radius: 42%; background: inherit; animation: sl-val 4s linear infinite; }
.sc-cilj { overflow: visible; }
.sc-cilj .sc-valj-v { overflow: hidden; }
.sc-pot { position: relative; flex: 1; height: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); }
.sc-vrst { position: absolute; left: 0; top: 50%; width: 18px; height: 5px; margin-top: -2.5px; border-radius: 3px; background: var(--orange); opacity: 0; animation: sc-vrst 1.8s linear infinite; }
.sc-vrst:nth-child(2n) { background: color-mix(in srgb, var(--orange) 55%, var(--ink-3)); width: 12px; }
.sc-vrst:nth-child(3n) { width: 22px; }
.sc-popis .sc-tek { justify-content: flex-start; gap: 8px; }
.pa-mapa { flex: none; width: 38px; height: 31px; color: var(--orange); position: relative; z-index: 2; animation: pa-mapa 2.8s ease-in-out infinite; }
.pa-mapa svg, .pa-dat svg, .pa-lupa svg { display: block; width: 100%; height: 100%; }
.pa-pot { position: relative; flex: 1; height: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 82%, transparent 100%); }
.pa-dat { position: absolute; top: 50%; left: 0; width: 16px; height: 20px; margin-top: -10px; color: var(--ink-3); animation: pa-dat 2.8s linear infinite; }
.pa-lupa { position: absolute; top: 50%; left: 46%; width: 26px; height: 26px; margin-top: -14px; color: var(--ink-2); z-index: 1; animation: pa-lupa 1.4s ease-in-out infinite alternate; }
.sc-pretvorba .sc-tek { gap: 0; padding: 0 10px; }
.pr-trak { position: relative; flex: 1; height: 100%; overflow: hidden; }
.pr-l { -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%); mask-image: linear-gradient(90deg, transparent, #000 30%); }
.pr-d { -webkit-mask-image: linear-gradient(90deg, #000 60%, transparent); mask-image: linear-gradient(90deg, #000 60%, transparent); margin-right: 22px; }
.pr-in, .pr-out { position: absolute; top: 50%; display: grid; justify-items: center; color: var(--ink-3); }
.pr-in { left: 0; width: 26px; margin-top: -15px; animation: pr-in 2.4s linear infinite; }
.pr-out { left: 0; width: 17px; margin-top: -11px; color: var(--orange); animation: pr-out 2.4s linear infinite; }
.pr-in svg, .pr-out svg { width: 100%; height: auto; display: block; }
.pr-in b, .pr-out b { font-size: 7.5px; font-weight: 800; letter-spacing: .03em; line-height: 1.2; }
.pr-stroj { position: relative; flex: none; width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; z-index: 2; background: var(--orange); color: #fff; box-shadow: 0 3px 10px -3px color-mix(in srgb, var(--orange) 70%, transparent); animation: pr-stisk 2.4s ease-in-out infinite; }
.pr-kolo { width: 24px; height: 24px; animation: sl-val 1.6s linear infinite; }
.nl-dat { flex: none; width: 24px; height: 30px; color: var(--ink-2); animation: pa-mapa 1.6s ease-in-out infinite; }
.nl-dat svg { width: 100%; height: 100%; }
.nl-pot { position: relative; flex: 1; height: 6px; }
.nl-pika { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); animation: nl-pika 1.4s linear infinite; }
.nl-str { position: relative; flex: none; width: 34px; height: 34px; color: var(--orange); }
.nl-str svg { width: 100%; height: 100%; }
.nl-led { position: absolute; right: 7px; top: 9px; width: 4px; height: 4px; border-radius: 50%; background: var(--ok); animation: nl-led .5s steps(2) infinite; }
.sc-splosno .sc-tek { justify-content: center; gap: 0; }
.sp-kolo { width: 34px; height: 34px; color: var(--orange); animation: sl-val 2.4s linear infinite; }
.sp-kolo.sp-b { width: 24px; height: 24px; margin: 18px 0 0 -4px; color: var(--ink-3); animation-direction: reverse; animation-duration: 1.7s; }
.sp-pike { display: flex; gap: 5px; margin-left: 14px; }
.sp-pike i { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); animation: sp-pika 1.2s ease-in-out infinite; }
.sp-pike i:nth-child(2) { animation-delay: .15s; }
.sp-pike i:nth-child(3) { animation-delay: .3s; }
.sc-konec { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.sc-konec svg { width: 44px; height: 44px; }
.sc-k-krog { stroke: var(--ok); stroke-dasharray: 140; stroke-dashoffset: 140; }
.sc-k-znak { stroke: var(--ok); stroke-dasharray: 40; stroke-dashoffset: 40; display: none; }
.sc-konec i { position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: var(--ok); opacity: 0; }
.ptoast.sc-done .sc-tek, .ptoast.sc-fail .sc-tek { opacity: 0; transform: scale(.85); }
.ptoast.sc-done .sc-konec, .ptoast.sc-fail .sc-konec { opacity: 1; }
.ptoast.sc-done .sc-k-krog { animation: sc-crta .5s ease-out forwards; }
.ptoast.sc-done .sc-k-ok { display: block; animation: sc-crta .35s .45s ease-out forwards; }
.ptoast.sc-done .sc-konec i { animation: sc-iskra .7s .55s ease-out forwards; }
.sc-konec i:nth-child(2) { --x: 40px; --y: 0; }
.sc-konec i:nth-child(3) { --x: -40px; --y: 0; }
.sc-konec i:nth-child(4) { --x: 28px; --y: -22px; }
.sc-konec i:nth-child(5) { --x: -28px; --y: -22px; }
.sc-konec i:nth-child(6) { --x: 28px; --y: 22px; }
.sc-konec i:nth-child(7) { --x: -28px; --y: 22px; }
.sc-konec i:nth-child(8) { --x: 56px; --y: -10px; background: var(--orange); }
.sc-konec i:nth-child(9) { --x: -56px; --y: 10px; background: var(--orange); }
.ptoast.sc-fail .sc-k-krog, .ptoast.sc-fail .sc-k-x { stroke: var(--bad); }
.ptoast.sc-fail .sc-k-krog { animation: sc-crta .45s ease-out forwards; }
.ptoast.sc-fail .sc-k-x { display: block; animation: sc-crta .35s .4s ease-out forwards; }
.ptoast.sc-fail .sc-konec svg { animation: sl-trese .45s .8s ease-in-out 2; }
.ptoast.sc-fail .pt-scena { background: linear-gradient(180deg, color-mix(in srgb, var(--bad) 8%, var(--surface)), var(--surface)); }
@media (prefers-reduced-motion: reduce) {
  .pt-scena *, .pt-scena *::before {animation: none !important; transition: none !important;}
  .ptoast.sc-done .sc-k-krog, .ptoast.sc-done .sc-k-ok, .ptoast.sc-fail .sc-k-krog, .ptoast.sc-fail .sc-k-x {stroke-dashoffset: 0;}
}
.ptoast { border-radius: 10px; }
.ptoast .pt-msg { display: grid !important; grid-template-rows: 1.35em 1.35em; line-height: 1.35; height: 2.7em; margin-top: .45rem; overflow: hidden; }
.ptoast .pt-msg > span, .ptoast .pt-msg:not(:has(> span)) { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ptoast .pt-msg:not(:has(> span)) { white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ptoast[data-state="done"] .pt-row, .ptoast[data-state="fail"] .pt-row { display: flex !important; visibility: hidden; }
.ptoast { height: 232px; box-sizing: border-box; overflow: hidden; }
.ptoast .pt-row:not(.pt-sub) .pt-pct:empty::before { content: "\00a0"; }
.pdf-box, .cf-box, .menu-pop, .toast, .ptoast, .tip, .sheet { border-radius: 4px; }
.tablewrap, .doc, .list, .empty, .picked, .drop, .banner, .note, .pt-scena, .pr-stroj, .att-chip, .ad-sec { border-radius: 4px; }
#progress-toasts .ptoast.sc-nedol .pt-row .pt-pct:empty::before { content: "Delam … (količina še ni znana)"; color: var(--ink-3); font-weight: 600; }
.sc-ai .sc-tek { gap: 4px; padding: 0 14px; }
.ai-vh { position: relative; flex: 1; height: 100%; overflow: hidden; }
.ai-let { position: absolute; left: 0; top: 50%; width: 16px; height: 20px; margin-top: -10px; color: var(--ink-3); opacity: 0; animation: ai-let 2.1s cubic-bezier(.45, .05, .55, .95) infinite; }
.ai-let svg { width: 100%; height: 100%; display: block; }
.ai-jedro { position: relative; flex: none; width: 44px; height: 44px; display: grid; place-items: center; }
.ai-sr { position: relative; z-index: 2; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFB27A, #FF5A00 55%, #E03A00); box-shadow: 0 0 14px color-mix(in srgb, var(--orange) 60%, transparent); animation: ai-utrip 1.6s ease-in-out infinite; }
.ai-sr svg { width: 20px; height: 20px; animation: ai-vrt 3.2s linear infinite; }
.ai-val { position: absolute; inset: 5px; border-radius: 50%; border: 2px solid var(--orange); opacity: 0; animation: ai-val 1.8s ease-out infinite; }
.ai-val2 { animation-delay: .9s; }
.ai-orb { position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; margin: -2.5px; border-radius: 50%; background: var(--orange); animation: ai-orb 2.7s linear infinite; }
.ai-iz { position: relative; flex: none; width: 40px; height: 46px; margin-left: 22px; padding: 9px 5px 0; border: 1.5px solid var(--orange); border-radius: 2px 9px 2px 2px; background: var(--surface); overflow: hidden; }
.ai-iz-gl { position: absolute; left: 0; right: 0; top: 0; height: 6px; background: color-mix(in srgb, var(--orange) 35%, var(--surface)); }
.ai-iz-vr { position: relative; display: grid; gap: 3px; }
.ai-vr { height: 2.5px; border-radius: 1px; background: color-mix(in srgb, var(--ink-3) 18%, transparent); }
.ai-vr:nth-child(2n) { margin-right: 7px; }
.ai-iz-vr::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: var(--pol, 0%); transition: height .7s cubic-bezier(.2, .7, .2, 1); background: repeating-linear-gradient(180deg, var(--orange) 0 2.5px, transparent 2.5px 5.5px); opacity: .85; }
.sc-nedol .ai-iz-vr .ai-vr { animation: ai-vr 1.32s ease-in-out infinite; }
.ai-iz-napis { position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); padding: 0 4px; border-radius: 2px; background: var(--orange); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .05em; line-height: 1.35; }
.sc-prepoznava .sc-tek { padding: 0 14px; gap: 8px; }
.pz-list { position: relative; flex: none; width: 34px; height: 46px; padding: 6px 5px 0; display: grid; align-content: start; gap: 3px; border: 1.5px solid var(--ink-3); border-radius: 2px 8px 2px 2px; background: var(--surface); overflow: hidden; }
.pz-vr { display: block; height: 2.5px; border-radius: 2px; background: color-mix(in srgb, var(--ink-3) 35%, transparent); }
.pz-qr { position: absolute; right: 3px; bottom: 3px; width: 10px; height: 10px; border-radius: 1px; background: conic-gradient(var(--ink-2) 25%, transparent 0 50%, var(--ink-2) 0 75%, transparent 0) 0 0 / 5px 5px; opacity: .8; animation: pz-qr 1.8s ease-in-out infinite; }
.pz-zarek { position: absolute; left: -2px; right: -2px; top: 0; height: 3px; border-radius: 2px; background: #22c55e; box-shadow: 0 0 8px 2px color-mix(in srgb, #22c55e 70%, transparent); animation: pz-zarek 1.8s ease-in-out infinite; }
.pz-pot { flex: 1; display: flex; justify-content: center; gap: 6px; }
.pz-pot i { width: 5px; height: 5px; border-radius: 50%; background: var(--orange); opacity: .25; animation: pz-pika 1.2s ease-in-out infinite; }
.pz-pot i:nth-child(2) { animation-delay: .2s; }
.pz-pot i:nth-child(3) { animation-delay: .4s; }
.pz-miza { position: relative; flex: none; width: 58px; height: 58px; }
.pz-cilj { position: absolute; left: 6px; right: 6px; bottom: 2px; height: 30px; border: 1.5px solid var(--ink-3); border-radius: 2px; background: var(--surface); }
.pz-odtis { position: absolute; left: 50%; top: 50%; padding: 1px 3px; border: 1.5px solid; border-radius: 3px; font: 800 7px/1.2 var(--font); letter-spacing: .04em; font-style: normal; transform: translate(-50%, -50%) rotate(-8deg) scale(1.4); opacity: 0; }
.pz-o1 { color: #16a34a; animation: pz-odtis1 3.2s infinite; }
.pz-o2 { color: var(--orange); animation: pz-odtis2 3.2s infinite; }
.pz-zig { position: absolute; left: 50%; top: 0; width: 22px; margin-left: -11px; display: grid; justify-items: center; animation: pz-zig 1.6s cubic-bezier(.5, 0, .4, 1) infinite; }
.pz-rocaj { width: 9px; height: 10px; border-radius: 5px 5px 2px 2px; background: var(--ink-2); }
.pz-glava { width: 22px; height: 7px; border-radius: 2px; background: #16a34a; animation: pz-barva 3.2s steps(1) infinite; }
.pz-kup { position: relative; flex: none; width: 26px; height: 46px; display: flex; flex-direction: column-reverse; gap: 2px; }
.pz-kl { display: block; height: 5px; border: 1px solid var(--ink-3); border-radius: 1px; background: var(--surface); transform: translateX(calc((var(--i) - 1.5) * 1.5px)); }
.pz-kup-pol { position: absolute; left: -3px; right: -3px; bottom: 0; height: var(--pol, 0%); border-radius: 3px; transition: height .6s cubic-bezier(.2, .7, .2, 1); background: linear-gradient(0deg, color-mix(in srgb, #16a34a 30%, transparent), color-mix(in srgb, var(--orange) 15%, transparent)); }
.sc-optimizacija .sc-tek { padding: 0 14px; gap: 10px; }
.ob-tab { position: relative; flex: none; width: 70px; height: 50px; padding: 4px 6px; display: grid; align-content: space-between; border: 1.5px solid var(--ink-3); border-radius: 4px; background: var(--surface); overflow: hidden; }
.ob-vr { display: block; height: 3px; border-radius: 2px; background: color-mix(in srgb, var(--ok) 55%, var(--ink-3)); }
.ob-mrtva { background: repeating-linear-gradient(90deg, var(--bad) 0 4px, transparent 4px 7px); animation: ob-mrtva 2.4s ease-in-out infinite; }
.ob-metla { position: absolute; top: 2px; left: -18px; width: 20px; height: 20px; color: #b45309; animation: ob-metla 2.4s ease-in-out infinite; }
.ob-metla svg { width: 100%; height: 100%; }
.ob-prah { position: absolute; right: 6px; top: 30px; width: 4px; height: 4px; border-radius: 50%; background: var(--ink-3); opacity: 0; animation: ob-prah 2.4s ease-out infinite; animation-delay: calc(1.1s + var(--i) * .08s); }
.ob-pot { flex: 1; display: flex; justify-content: center; gap: 6px; }
.ob-pot i { width: 5px; height: 5px; border-radius: 50%; background: var(--ok); opacity: .25; animation: pz-pika 1.2s ease-in-out infinite; }
.ob-pot i:nth-child(2) { animation-delay: .2s; }
.ob-pot i:nth-child(3) { animation-delay: .4s; }
@media (prefers-reduced-motion: reduce) {
  .sc-optimizacija * {animation-duration: 0s !important; animation-iteration-count: 1 !important;}
}
@media (prefers-reduced-motion: reduce) {
  .sc-prepoznava * {animation-duration: 0s !important; animation-iteration-count: 1 !important;}
}
@media (prefers-reduced-motion: reduce) {
  .sc-ai * {animation-duration: 0s !important; animation-iteration-count: 1 !important;}
}
.sc-izvoz .sc-tek { gap: 4px; padding: 0 14px; }
.iz-tab { position: relative; flex: none; width: 44px; height: 42px; display: grid; align-content: start; gap: 3px; padding: 0 4px 4px; overflow: hidden; border: 1.5px solid var(--ink-3); border-radius: 3px; background: var(--surface); }
.iz-gl { height: 7px; margin: 0 -4px 1px; background: color-mix(in srgb, var(--ink-3) 30%, var(--surface)); }
.iz-r { height: 4px; border-radius: 1px; background: color-mix(in srgb, var(--ink-3) 30%, transparent); animation: iz-r 1.4s ease-in-out infinite; }
.iz-sken { position: absolute; left: 0; right: 0; top: 9px; height: 2px; background: var(--orange); box-shadow: 0 0 6px var(--orange); animation: iz-sken 1.4s linear infinite; }
.iz-pot { position: relative; flex: 1; height: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent); }
.iz-let { position: absolute; left: 0; top: 50%; width: 16px; height: 4px; margin-top: -2px; border-radius: 1px; background: var(--orange); opacity: 0; animation: iz-let 1.8s linear infinite; }
.iz-let:nth-child(2n) { width: 11px; background: color-mix(in srgb, var(--orange) 55%, var(--ink-3)); }
.iz-list { position: relative; flex: none; width: 36px; height: 46px; padding: 12px 5px 0; border: 1.5px solid var(--orange); border-radius: 2px 9px 2px 2px; background: var(--surface); animation: pa-mapa 1.8s ease-in-out infinite; }
.iz-vog { position: absolute; right: -1px; top: -1px; width: 10px; height: 10px; border-radius: 0 8px 0 3px; background: color-mix(in srgb, var(--orange) 35%, var(--surface)); }
.iz-crte { position: relative; display: grid; gap: 2.5px; }
.iz-cr { height: 2.5px; border-radius: 1px; background: color-mix(in srgb, var(--ink-3) 20%, transparent); }
.iz-crte::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: var(--pol, 0%); transition: height .6s cubic-bezier(.2, .7, .2, 1); background: repeating-linear-gradient(180deg, var(--orange) 0 2.5px, transparent 2.5px 5px); }
.iz-napis { position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); padding: 0 4px; border-radius: 2px; background: var(--orange); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .04em; line-height: 1.35; }
@keyframes ai-let { 0% { transform: translateX(0) scale(1) rotate(-6deg); opacity: 0; } 15% { opacity: 1; } 70% { opacity: 1; transform: translateX(calc(var(--w, 70px))) scale(.75) rotate(4deg); } 100% { transform: translateX(calc(var(--w, 70px) + 18px)) scale(.2); opacity: 0; } }
@keyframes ai-orb { from { transform: rotate(0deg) translateX(23px) scale(1); } 50% { transform: rotate(180deg) translateX(23px) scale(.6); } to { transform: rotate(360deg) translateX(23px) scale(1); } }
@keyframes ai-utrip { 50% { transform: scale(1.09); box-shadow: 0 0 22px color-mix(in srgb, var(--orange) 75%, transparent); } }
@keyframes ai-val { 0% { transform: scale(.7); opacity: .7; } 100% { transform: scale(1.55); opacity: 0; } }
@keyframes ai-vr { 0%, 100% { background: color-mix(in srgb, var(--ink-3) 18%, transparent); } 40% { background: color-mix(in srgb, var(--orange) 70%, transparent); } }
@keyframes ai-vrt { to { transform: rotate(360deg); } }
@keyframes iz-let { 0% { transform: translate(0, 8px); opacity: 0; } 15% { opacity: 1; } 50% { transform: translate(70px, -10px); } 85% { opacity: 1; } 100% { transform: translate(140px, 4px); opacity: 0; } }
@keyframes iz-r { 0%, 100% { background: color-mix(in srgb, var(--ink-3) 30%, transparent); } 35% { background: var(--orange); } }
@keyframes iz-sken { 0% { top: 9px; } 100% { top: 40px; } }
@keyframes nl-led { 50% { opacity: .2; } }
@keyframes nl-pika { 0% { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: calc(100% - 6px); opacity: 0; } }
@keyframes ob-metla { 0% { transform: translate(0, 0) rotate(-10deg); } 50% { transform: translate(78px, 26px) rotate(20deg); } 100% { transform: translate(0, 0) rotate(-10deg); } }
@keyframes ob-mrtva { 0%, 35% { opacity: 1; transform: none; } 55% { opacity: 0; transform: translateX(40px) rotate(8deg); } 56%, 80% { opacity: 0; transform: none; } 100% { opacity: 1; } }
@keyframes ob-prah { 0% { opacity: .8; transform: none; } 100% { opacity: 0; transform: translate(calc(10px + var(--i) * 4px), calc(-14px - var(--i) * 5px)); } }
@keyframes pa-dat { 0% { transform: translateX(210px); opacity: 0; } 12% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(-8px) scale(.6); opacity: 0; } }
@keyframes pa-lupa { from { transform: translate(-18px, -2px) rotate(-8deg); } to { transform: translate(18px, 2px) rotate(8deg); } }
@keyframes pa-mapa { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes pr-in { 0% { transform: translateX(-10px); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateX(100px) scale(.7); opacity: 0; } }
@keyframes pr-out { 0% { transform: translateX(-8px) scale(.6); opacity: 0; } 20% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(90px); opacity: 0; } }
@keyframes pr-stisk { 0%, 100% { transform: scale(1); } 50% { transform: scale(.9, 1.06); } }
@keyframes pz-barva { 0% { background: #16a34a; } 50% { background: var(--orange); } }
@keyframes pz-odtis1 { 0%, 22% { opacity: 0; transform: translate(-50%, -50%) rotate(-8deg) scale(1.4); } 26% { opacity: 1; transform: translate(-50%, -50%) rotate(-8deg) scale(1); } 46% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes pz-odtis2 { 0%, 72% { opacity: 0; transform: translate(-50%, -50%) rotate(6deg) scale(1.4); } 76% { opacity: 1; transform: translate(-50%, -50%) rotate(6deg) scale(1); } 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes pz-pika { 40% { opacity: 1; transform: translateX(3px); } }
@keyframes pz-qr { 50% { opacity: .35; } 60% { opacity: 1; box-shadow: 0 0 6px #22c55e; } }
@keyframes pz-zarek { 0%, 100% { top: 2px; } 50% { top: calc(100% - 5px); } }
@keyframes pz-zig { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(0); } 50% { transform: translateY(18px); } 58% { transform: translateY(16px); } 70% { transform: translateY(0); } }
@keyframes sc-crta { to { stroke-dashoffset: 0; } }
@keyframes sc-iskra { 0% { opacity: 1; transform: translate(0, 0) scale(1); } 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(.4); } }
@keyframes sc-vrst { 0% { transform: translate(0, 10px); opacity: 0; } 15% { opacity: 1; } 50% { transform: translate(85px, -12px); } 85% { opacity: 1; } 100% { transform: translate(170px, 8px); opacity: 0; } }
@keyframes sl-trese { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }
@keyframes sl-val { to { transform: rotate(360deg); } }
@keyframes sp-pika { 0%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-8px); opacity: 1; } }
:root { --okno-max-h: calc(100dvh - 24px); }
.mj-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; flex: none;
  background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; border-radius: 8px; }
.mj-brand .mj-znak { width: 32px; height: 32px; flex: none; display: block; transition: transform var(--mid) var(--ease); }
.mj-brand .mj-napis { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; line-height: 1; }
.mj-brand .mj-ime { font-size: 20px; font-weight: 800; color: var(--ink); letter-spacing: .01em; }
.mj-brand .mj-pod { font-size: 8.5px; font-weight: 800; color: var(--ink-3); text-transform: uppercase; letter-spacing: .1em; margin-top: 3px; white-space: nowrap; }
.mj-brand:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.mj-brand:hover .mj-znak { transform: rotate(-4deg) scale(1.05); }
@media (max-width: 519px) {
  .mj-brand .mj-napis { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mj-brand:hover .mj-znak { transform: none; }
}
.side { border-right: 1px solid var(--line); }
.side a.on { background: var(--sunk); color: var(--gw-o2); box-shadow: inset 3px 0 0 var(--gw-o2); }
.side a:hover { background: var(--sunk); }
.cakanje::after { content: none !important; display: none !important; }
.cakanje span.ld-znak, .cakanje span.ld-trak { background-color: transparent; }
.dom { display: grid; gap: 18px; padding-bottom: 1rem; }
@media (min-width: 960px) and (min-height: 700px) {
  main.fit > .dom { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .dom * { animation: none !important; }
}
.tg-mb { display: none; }
.tg-mb-p { position: absolute; top: calc(100% + 3px); left: 0; z-index: 60; min-width: 230px; display: grid; padding: 4px 0;
  background: var(--surface); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 4px 4px; box-shadow: var(--lift); }
.tg-mb-p a { display: flex; align-items: center; gap: 9px; padding: 7px 14px 7px 13px; color: var(--ink); text-decoration: none; font-weight: 600;
  white-space: nowrap; border-left: 3px solid transparent; }
.tg-mb-p a .i { width: 16px; height: 16px; flex: none; color: var(--ink-3); }
.tg-mb-p a .count { margin-left: 8px; }
.tg-mb-p a:hover, .tg-mb-p a:focus-visible { background: var(--sunk); outline: none; }
.tg-mb-p a.on { color: var(--gw-o2); border-left-color: var(--gw-o2); background: var(--sunk); }
.tg-mb-p a.on .i, .tg-mb-p a:hover .i { color: var(--gw-o2); }
:root { --thc1: #E8590C; --thc2: #2F6FB3; --thc3: #2B8A3E; --thc4: #B7791F; --thc5: #7048B6; --thc6: #0B7F8F; }
:root[data-theme="dark"] { --thc1: #FF8A4C; --thc2: #74A9E6; --thc3: #5CC77A; --thc4: #E2B04A; --thc5: #A88BE6; --thc6: #3FC1D1; }
.th-ic { --pc: var(--thc2); display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; margin-right: 5px; border-radius: 3px;
  vertical-align: -4px; background: color-mix(in srgb, var(--pc) 16%, transparent); color: var(--pc); transition: background .2s, color .2s; }
.th-ic svg { width: 12px; height: 12px; }
.th-ic[data-c="1"] { --pc: var(--thc1); }
.th-ic[data-c="3"] { --pc: var(--thc3); }
.th-ic[data-c="4"] { --pc: var(--thc4); }
.th-ic[data-c="5"] { --pc: var(--thc5); }
.th-ic[data-c="6"] { --pc: var(--thc6); }
.th-sort .th-ic { margin-right: 1px; }
.th-sort:hover .th-ic { background: color-mix(in srgb, var(--pc) 28%, transparent); }
.th-sort.on .th-ic { background: var(--pc); color: #fff; }
th[style*="right"] .th-sort { justify-content: flex-end; }
.okn-ic { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; margin-right: 8px; border-radius: 4px; vertical-align: -6px;
  background: rgba(255,255,255,.2); color: #fff; }
.pdf-head .okn-ic { margin-right: 0; }
.okn-ic svg { width: 16px; height: 16px; }
@media (prefers-reduced-motion: no-preference) {
  dialog[open] .okn-ic { animation: okn-ic-in .35s cubic-bezier(.2,.7,.2,1) both; }
}
@keyframes okn-ic-in { from { opacity: 0; transform: scale(.6) rotate(-12deg); } to { opacity: 1; transform: none; } }
@media print {
  .th-ic, .okn-ic { display: none; }
}
/* ---------- Infis (samostojna aplikacija, 13. 11. 2026) ---------- */
.ic-brand { position: relative; color: inherit; }
.ic-brand .count { margin-left: .35rem; align-self: center; }
.ic-prijava { min-height: calc(100dvh - 2rem); display: grid; place-items: center; padding: 1.5rem 1rem; }
.ic-prijava-k { width: min(26rem, 100%); background: var(--surface); border: 1px solid var(--line); border-radius: 6px;
  box-shadow: var(--lift); padding: 2rem 1.75rem 1.5rem; display: grid; gap: .9rem; justify-items: center; text-align: center; }
.ic-prijava-k h1 { margin: 0; font-size: 1.9rem; }
.ic-prijava-k .intro { margin: 0; }
.ic-prijava-znak { width: 72px; height: 72px; }
@media (prefers-reduced-motion: no-preference) { .ic-prijava-k { animation: ic-dvig .5s cubic-bezier(.2, .7, .2, 1) both; } }
@keyframes ic-dvig { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.ic-prijava-g { width: 100%; justify-content: center; gap: .6rem; }
.ic-prijava-g svg { background: #fff; border-radius: 3px; padding: 2px; width: 22px; height: 22px; }
.ic-prijava-dev { width: 100%; display: grid; gap: .5rem; text-align: left; border-top: 1px solid var(--line); padding-top: .9rem; }
.ic-prijava .banner { width: 100%; text-align: left; }
.ic-sk-tabs { flex-wrap: wrap; }
.ic-sk-tabs a .i { width: 1rem; height: 1rem; margin-right: .35rem; vertical-align: -.15rem; }
.ic-sk-tabs a.tab-danger { color: var(--bad); }
.ic-sk-form { display: grid; gap: 1rem; max-width: 60rem; }
.ic-sk-form .set-field, .ic-sk-form .set-check { margin-bottom: .8rem; }
.ic-sk-t td { vertical-align: middle; }
.ic-sk-det { font-family: ui-monospace, monospace; font-size: .78rem; word-break: break-word; max-width: 34rem; }