:root{
  --znacka-zelena:#29a836; --znacka-modra:#0055a3;
  --znacka-limetka:#b6c10d; --znacka-seda:#4d4d4f;
  --znacka-prechod:linear-gradient(-45deg,#0055a3 0%,#29a836 50%,#b6c10d 100%);
  --bg:#ffffff; --surface:#ffffff; --surface-2:#f4f6f8; --card:#ffffff;
  --text:#222222; --muted:#6b6e70;                 
  --border:rgba(77,77,79,.18); --border-strong:rgba(77,77,79,.34);
  --bd:#d8dbe0;                                     
  --cara:#e5e5e5;                                   
  --znacka-plocha:#0055a3;                          
  --ram:var(--znacka-plocha);                       
  --akce:#b6c10d; --akce-text:#222222;              
  --akcent:#29a836;                                 
  --odkaz:#1f8236;                                  
  --brand:#0055a3;                                  
  --radius:7px;                                     
  --radius-lg:10px;                                 
  --radius-xl:16px;                                 
  --radius-pill:999px;                              
  --m6:32px; --m7:48px;
  --e1:0 1px 2px rgba(22,24,27,.05), 0 1px 3px rgba(22,24,27,.08);
  --e2:0 4px 12px rgba(22,24,27,.10);
  --e3:0 12px 32px rgba(22,24,27,.16);
  --vstup-ram:#757575;                              
  --success-bg: #edf7f0;
  --success-text: #1a6b3a;
  --success-br: #cdefd6;
  --warn-bg: #fdf7ed;
  --warn-text: #8a5a0a;
  --warn-br: #f4e6a1;
  --err-bg: #fdecea;
  --err-br: #f6d3cd;
  --pismo-xs: 12px;
  --pismo-s: 13px;
  --pismo-m: 15px;
  --pismo-l: 17px;
  --pismo-xl: 20px;
  --pismo-vstup: 16px;
  --m1: 4px;
  --m2: 8px;
  --m3: 12px;
  --m4: 16px;
  --m5: 24px;
  --entita-plocha-text: #fff;
  --pismo-hero:26px;    
  --pismo-mini:var(--pismo-xs);    
  --pismo-tab:var(--pismo-xs);     
  --pismo-cislo:var(--pismo-xs);   
  --akcent-jemny:rgba(0,85,163,.06);                
  --akcent-vyber:rgba(0,85,163,.12);                
  --akcent-hover:rgba(0,85,163,.07);                
  --akcent-plny:var(--znacka-plocha);               
  --entita-plocha:var(--akcent-plny);               
  --err-text:#b42318;
  --info-bg:#e8f2fa; --info-text:#00477f; --info-br:#b9d5ec;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#12161b; --surface:#1b2129; --surface-2:#171c22; --card:#1b2129;
    --text:#e8ecf1; --muted:#9aa4b0;
    --border:rgba(232,236,241,.14); --border-strong:rgba(232,236,241,.30);
    --bd:#39414c;
    --cara:rgba(232,236,241,.16);
    --vstup-ram:rgba(232,236,241,.34);
    --znacka-plocha:#00447f;                     
    --ram:var(--znacka-plocha);                  
    --akce:#c3d64a; --akce-text:#1a1f24;
    --akcent:#45c964; --odkaz:#5fd47c;              
    --brand:#5aa0e6;                                
    --akcent-jemny:rgba(90,160,230,.10);
    --akcent-vyber:rgba(90,160,230,.20);
    --akcent-hover:rgba(90,160,230,.13);
    --success-bg: #16301f;
    --success-text: #6fcf97;
    --success-br: #2c5c3d;
    --warn-bg: #2e2613;
    --warn-text: #e3b566;
    --warn-br: #5c4a22;
    --err-bg: #321a17;
    --err-br: #5e332c;
    --pismo-xs: 12px;
    --pismo-s: 13px;
    --pismo-m: 15px;
    --pismo-l: 17px;
    --pismo-xl: 20px;
    --pismo-vstup: 16px;
    --m1: 4px;
    --m2: 8px;
    --m3: 12px;
    --m4: 16px;
    --m5: 24px;
    --entita-plocha-text: #fff;
    --err-text:#f08a7a;
    --info-bg:#152430; --info-text:#8ec5f0; --info-br:#2f4d68;
    --e1:0 1px 2px rgba(0,0,0,.40), 0 1px 3px rgba(0,0,0,.30);
    --e2:0 4px 12px rgba(0,0,0,.45);
    --e3:0 12px 32px rgba(0,0,0,.55);
  }
}
:root{ --pismo:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
.zn-head{ background:var(--ram); color:#fff; padding:var(--m4) var(--m4);
  display:flex; align-items:center; gap:var(--m4); justify-content:space-between; }
.zn-head-l{ display:flex; align-items:center; gap:var(--m4); min-width:0; }
.zn-logo{ display:block; height:30px; width:auto; flex:0 0 auto; }
.zn-logo-znak{ display:none; height:30px; width:auto; flex:0 0 auto; }
.zn-head-t{ min-width:0; }
.zn-head .t{ font-family:var(--pismo); font-weight:600; font-size:var(--pismo-l);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zn-head .p{ font-family:var(--pismo); font-size:var(--pismo-xs); font-weight:400; opacity:.85;
  line-height:1.25; margin-top:1px; overflow-wrap:anywhere; }
.zn-head button{ min-height:44px; padding:var(--m2) var(--m4); border:1px solid rgba(255,255,255,.5);
  background:transparent; color:#fff; border-radius:var(--radius); font:inherit; font-size:var(--pismo-m);
  cursor:pointer; flex:0 0 auto; }
@media (max-width:559px){
  .zn-head{ gap:var(--m3); padding:var(--m3) var(--m4); }
  .zn-head-l{ gap:var(--m4); }   
  .zn-logo{ display:none; }
  .zn-logo-znak{ display:block; height:28px; }
  .zn-head .t{ font-size:var(--pismo-m); }
  .zn-head .p{ font-size:var(--pismo-xs); }
}
.zn-logo-svetlo{ display:block; }
.zn-logo-tma{ display:none; }
@media (prefers-color-scheme: dark){
  .zn-logo-svetlo{ display:none; }
  .zn-logo-tma{ display:block; }
}
.zn-foot{ margin-top:var(--m6); padding:var(--m5) var(--m4) var(--m6); border-top:1px solid var(--border);
  background:var(--surface-2); color:var(--muted); font-size:var(--pismo-s);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--m2) var(--m4); text-align:center; }
.zn-foot img{ height:26px; width:auto; }
.zn-foot a{ color:var(--odkaz); text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
.zn-foot a:hover{ text-decoration:underline; }
.ik{ width:20px; height:20px; flex:0 0 auto; display:block; }
.ik-24{ width:24px; height:24px; }
.ik-14{ width:14px; height:14px; }
.k-karta{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius-lg);
  box-shadow:var(--e1); overflow:hidden; }
.k-karta-h{ display:flex; align-items:center; gap:var(--m3); padding:var(--m3) var(--m4);
  border-bottom:1px solid var(--border); background:var(--surface-2);
  font-weight:600; font-size:var(--pismo-l); min-height:48px; }
.k-karta-h .ik{ color:var(--ram); }
.k-karta-b{ padding:var(--m4); display:flex; flex-direction:column; gap:var(--m3); }
.k-radek{ display:flex; flex-wrap:wrap; gap:var(--m1) var(--m3); align-items:baseline; margin:0; }
.k-radek dt{ font-size:var(--pismo-xs); color:var(--muted); flex:0 0 128px; margin:0; }
.k-radek dd{ font-size:var(--pismo-m); margin:0; flex:1 1 160px; min-width:0;
  font-variant-numeric:tabular-nums; }
@media (max-width:479px){ .k-radek dt{ flex-basis:100%; } }
.zpet, .pd-dok-b, .pd-dok-x, .pd-dok-up, .ozn-ulozit{ display:inline-flex; align-items:center; justify-content:center; gap:var(--m2);
  min-height:44px; padding:0 var(--m4); border-radius:var(--radius);
  font-family:inherit; font-size:var(--pismo-m); font-weight:600; line-height:1;
  border:1px solid transparent; background:var(--surface-2); color:var(--text);
  cursor:pointer; }
.zpet{ background:transparent; border-color:var(--border-strong); color:var(--text); }
.k-veta{ margin:0 0 var(--m3); font-size:var(--pismo-m); line-height:1.55; }
.k-pole{ display:flex; flex-direction:column; gap:var(--m1); }
.k-pole label{ font-size:var(--pismo-xs); color:var(--muted); font-weight:600; }
.k-pole input, .k-pole select, .k-pole textarea{
  min-height:44px; padding:0 var(--m3); border:1px solid var(--vstup-ram);
  border-radius:var(--radius); background:var(--card); color:var(--text);
  font-family:inherit; font-size:var(--pismo-vstup); width:100%; }
.k-pole .napoveda{ font-size:var(--pismo-xs); color:var(--muted); }
.k-pole.je-chybne input, .k-pole.je-chybne select{ border-color:var(--err-br); }
.k-pole .chyba{ font-size:var(--pismo-xs); color:var(--err-text);
  display:flex; align-items:center; gap:var(--m1); }
@media (prefers-reduced-motion: reduce){ .k-kostra{ animation:none; } }