@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/pismo-400.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/pismo-400-ext.woff2) format("woff2");unicode-range:U+100-130,U+132-151,U+154-2BA,U+2BD-2C5,U+2C7-2D9,U+1E00-1E9F}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/pismo-500.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/pismo-500-ext.woff2) format("woff2");unicode-range:U+100-130,U+132-151,U+154-2BA,U+2BD-2C5,U+2C7-2D9,U+1E00-1E9F}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/pismo-600.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/pismo-600-ext.woff2) format("woff2");unicode-range:U+100-130,U+132-151,U+154-2BA,U+2BD-2C5,U+2C7-2D9,U+1E00-1E9F}
:root{
  --bg:#fffefa;--surface:#fff;--surface-2:#faf8f4;--ink:#2a2b2c;--ink-2:#434748;--muted:#6f7172;--line:#ebe6dc;
  --gold:#b49964;--gold-dark:#7f6739;--gold-soft:#f4eee2;--ok:#3f7a52;--ok-soft:#e7f1ea;--warn:#8a5e0c;--warn-soft:#fbf1dc;
  --danger:#a63d32;--danger-soft:#f8e5e2;--radius:12px;
  --shadow:0 1px 2px rgb(42 43 44/.04),0 4px 16px rgb(42 43 44/.05);--topbar:rgb(250 248 244/.92);--field-line:#ddd6c8;--on-accent:#fff;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#1b1c1d;--surface:#242526;--surface-2:#2b2c2d;--ink:#ecebe7;--ink-2:#c9c7c1;--muted:#a09e98;--line:#3a3b3c;
  --gold:#c8ad78;--gold-dark:#d9c49b;--gold-soft:#3a3428;--ok:#8cc49d;--ok-soft:#22352a;--warn:#e3b866;--warn-soft:#3a2f1a;
  --danger:#ec8f84;--danger-soft:#3d2421;
  --shadow:0 1px 2px rgb(0 0 0/.3),0 4px 16px rgb(0 0 0/.25);--topbar:rgb(32 33 34/.92);--field-line:#46474a;--on-accent:#1b1c1d;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.55 Poppins,system-ui,sans-serif}
h1,h2,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
a{color:var(--gold-dark)}

.lista{position:sticky;top:0;z-index:5;background:var(--topbar);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lista-in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.znacka{display:flex;align-items:baseline;gap:8px;font-weight:600;font-size:17px;letter-spacing:-.01em}
.znacka em{font-style:normal;color:var(--gold-dark)}
.znacka .vel{font-size:12px;color:var(--muted);font-weight:400}
nav{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav a{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:9px;color:var(--ink-2);text-decoration:none;white-space:nowrap}
nav a:hover{background:var(--surface-2)}
nav a[aria-current=page]{background:var(--gold-soft);color:var(--gold-dark);font-weight:500}
nav .pocet{background:var(--danger);color:#fff;border-radius:999px;font-size:11px;min-width:18px;padding:0 5px;text-align:center}

main{max-width:1180px;margin:0 auto;padding:26px 16px 70px}
.hlava{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:20px}
h1{font-size:23px;font-weight:500;line-height:1.3}
h2{font-size:15px;font-weight:500}
.pod{color:var(--muted);margin-top:2px;max-width:640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:1px solid var(--field-line);border-radius:10px;padding:8px 14px;cursor:pointer;min-height:38px;text-decoration:none}
.btn:hover{border-color:var(--gold)}
.btn.h{background:var(--gold);border-color:var(--gold);color:var(--on-accent);font-weight:500}
.btn.h:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
.btn.m{min-height:32px;padding:4px 11px;font-size:13px}
.btn.zmaz{color:var(--danger)}
.btn:disabled{opacity:.55;cursor:default}
.odkaz{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:13px}

.karta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.karta+.karta{margin-top:14px}
.karta>h2{margin-bottom:10px}
.tab-k{padding:0;overflow:hidden}
.cisla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cislo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;box-shadow:var(--shadow)}
.cislo b{display:block;font-size:24px;font-weight:500;line-height:1.25}
.cislo span{font-size:12.5px;color:var(--muted)}

.pozor{margin-bottom:18px;padding:6px 18px}
.pozor-r{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.pozor-r:first-child{border-top:0}
.pozor-r .t{flex:1;min-width:0}
.pozor-r b{font-weight:500}
.pozor-r .t span{color:var(--muted);display:block;font-size:13px}
.ik{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none}
.ik.danger{background:var(--danger-soft);color:var(--danger)}.ik.warn{background:var(--warn-soft);color:var(--warn)}

.stit{display:inline-flex;align-items:center;gap:5px;font-size:12px;border-radius:999px;padding:2px 9px;white-space:nowrap;background:var(--gold-soft);color:var(--gold-dark)}
.stit.ok{background:var(--ok-soft);color:var(--ok)}.stit.warn{background:var(--warn-soft);color:var(--warn)}.stit.danger{background:var(--danger-soft);color:var(--danger)}.stit.siv{background:var(--surface-2);color:var(--muted)}
.bodka{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.stity{display:flex;flex-wrap:wrap;gap:4px}

.pole{width:100%;background:var(--surface);border:1px solid var(--field-line);border-radius:10px;padding:8px 12px;min-height:38px}
.pole:focus{border-color:var(--gold);outline:none}
.cip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:13px}
.cip[aria-pressed=true]{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-dark)}
.filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}

table{width:100%;border-collapse:collapse}
th{font-weight:500;font-size:12px;color:var(--muted);text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}
td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}
tbody tr:last-child td{border-bottom:0}
tr.klik{cursor:pointer}
tr.klik:hover{background:var(--surface-2)}
.meno b{font-weight:500;display:block}
.meno span,.drobne{font-size:12.5px;color:var(--muted)}
.meno span{display:block}
.vpravo{text-align:right;white-space:nowrap}
.po-splatnosti{color:var(--danger)}
.prazdne{padding:22px 18px;color:var(--muted)}

.spat{display:inline-flex;align-items:center;gap:5px;color:var(--muted);text-decoration:none;margin-bottom:10px}
.spat:hover{color:var(--ink)}
.stlpce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.stlpce .karta+.karta{margin-top:0}
.formular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cela{grid-column:1/-1}
label.l,.l{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.tlacidla{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.udaje{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:7px 16px;margin:0}
.udaje dt{color:var(--muted)}.udaje dd{margin:0;min-width:0;overflow-wrap:anywhere}
.kluc{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px;font:12.5px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;margin:10px 0}
.vyst{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:12px 14px;margin-top:12px}
.mt{margin-top:12px}

.prihlasenie{min-height:100dvh;display:grid;place-items:center;padding:16px}
.prihlasenie .karta{width:100%;max-width:360px;padding:26px}
.prihlasenie .znacka{margin-bottom:18px}
.prihlasenie form{display:grid;gap:13px}
.chyba{color:var(--danger);font-size:13px;min-height:1.5em}

#tost div{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 16px;max-width:calc(100vw - 32px);width:max-content;z-index:9;box-shadow:var(--shadow)}

@media (max-width:860px){
  .stlpce{grid-template-columns:minmax(0,1fr)}
  .cisla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .lista-in{gap:6px 14px}
  nav{flex-basis:100%;order:3}
  nav a{padding:6px 9px}
  h1{font-size:20px}
  .formular{grid-template-columns:minmax(0,1fr)}
  thead{display:none}
  table,tbody,tr,td{display:block;width:100%}
  tr{padding:11px 14px;border-bottom:1px solid var(--line)}
  tbody tr:last-child{border-bottom:0}
  td{padding:0;border:0}
  td+td{margin-top:5px}
  td[data-t]::before{content:attr(data-t) ": ";color:var(--muted);font-size:12.5px}
  .vpravo{text-align:left;white-space:normal}
}