/* Administrace eshop v mobilu podle návrhu z Claude Design. Vzhled patří službě, ne obchodu:
   barvy obchodníka se tu nepoužijí. Rozvržení reaguje na šířku kontejneru .app (telefon i počítač). */
@font-face {
    font-family: "Baloo 2";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonty/baloo2-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Baloo 2";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonty/baloo2-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url("../fonty/nunito-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url("../fonty/nunito-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --pozadi:#F3F5F4;
  --plocha:#FFFFFF;
  --plocha-tlumena:#F8FAF9;
  --text:#17211E;
  --tlumeny:#55635E;
  --okraj:#DCE2DF;
  --okraj-silny:#B9C3BF;
  --akcent:#176B4D;
  --akcent-tmavy:#0F513A;
  --akcent-svetly:#E4F1EA;
  --cervena:#A3232B;
  --cervena-svetla:#FBE9EA;
  --jantar:#7A4B00;
  --jantar-svetly:#FCEFCF;
  --zlata:#E3B04B;
  --modra:#1F4F86;
  --modra-svetla:#E6EEF8;
  --zaobleni:14px;
  --stin:0 1px 2px rgba(23,33,30,.06),0 4px 16px rgba(23,33,30,.05);
  --pismo:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pismo-nadpis:"Baloo 2","Nunito",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--pozadi);color:var(--text);font-family:var(--pismo);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--akcent);text-underline-offset:3px}
a:hover{color:var(--akcent-tmavy)}
h1,h2,h3{font-family:var(--pismo-nadpis);line-height:1.15;margin:0;font-weight:700;letter-spacing:-.005em;text-wrap:balance}
h1{font-size:34px}
h2{font-size:22px}
h3{font-size:18px}
p{margin:0;text-wrap:pretty}
button,input,select,textarea{font:inherit;color:inherit}
.ztlumene{color:var(--tlumeny)}
.male{font-size:14px}
.tucne{font-weight:800}
.cisla{font-variant-numeric:tabular-nums}
.vpravo{text-align:right}
.skryte-popisky{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Ikony z Bootstrap Icons (MIT) jako maska, barvu bere z textu. */
.ikona{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.ikona--male{width:16px;height:16px}
.ikona--velka{width:28px;height:28px}
.i-house{-webkit-mask-image:url(../ikony/admin/house.svg);mask-image:url(../ikony/admin/house.svg)}
.i-receipt{-webkit-mask-image:url(../ikony/admin/receipt.svg);mask-image:url(../ikony/admin/receipt.svg)}
.i-bank{-webkit-mask-image:url(../ikony/admin/bank.svg);mask-image:url(../ikony/admin/bank.svg)}
.i-printer{-webkit-mask-image:url(../ikony/admin/printer.svg);mask-image:url(../ikony/admin/printer.svg)}
.i-tags{-webkit-mask-image:url(../ikony/admin/tags.svg);mask-image:url(../ikony/admin/tags.svg)}
.i-gear{-webkit-mask-image:url(../ikony/admin/gear.svg);mask-image:url(../ikony/admin/gear.svg)}
.i-cone{-webkit-mask-image:url(../ikony/admin/cone-striped.svg);mask-image:url(../ikony/admin/cone-striped.svg)}
.i-logout{-webkit-mask-image:url(../ikony/admin/box-arrow-right.svg);mask-image:url(../ikony/admin/box-arrow-right.svg)}
.i-search{-webkit-mask-image:url(../ikony/admin/search.svg);mask-image:url(../ikony/admin/search.svg)}
.i-alert{-webkit-mask-image:url(../ikony/admin/exclamation-triangle.svg);mask-image:url(../ikony/admin/exclamation-triangle.svg)}
.i-ok{-webkit-mask-image:url(../ikony/admin/check-circle.svg);mask-image:url(../ikony/admin/check-circle.svg)}
.i-check{-webkit-mask-image:url(../ikony/admin/check-lg.svg);mask-image:url(../ikony/admin/check-lg.svg)}
.i-phone{-webkit-mask-image:url(../ikony/admin/telephone.svg);mask-image:url(../ikony/admin/telephone.svg)}
.i-mail{-webkit-mask-image:url(../ikony/admin/envelope.svg);mask-image:url(../ikony/admin/envelope.svg)}
.i-download{-webkit-mask-image:url(../ikony/admin/download.svg);mask-image:url(../ikony/admin/download.svg)}
.i-pdf{-webkit-mask-image:url(../ikony/admin/filetype-pdf.svg);mask-image:url(../ikony/admin/filetype-pdf.svg)}
.i-csv{-webkit-mask-image:url(../ikony/admin/filetype-csv.svg);mask-image:url(../ikony/admin/filetype-csv.svg)}
.i-chevron{-webkit-mask-image:url(../ikony/admin/chevron-right.svg);mask-image:url(../ikony/admin/chevron-right.svg)}
.i-up{-webkit-mask-image:url(../ikony/admin/arrow-up.svg);mask-image:url(../ikony/admin/arrow-up.svg)}
.i-down{-webkit-mask-image:url(../ikony/admin/arrow-down.svg);mask-image:url(../ikony/admin/arrow-down.svg)}
.i-hide{-webkit-mask-image:url(../ikony/admin/eye-slash.svg);mask-image:url(../ikony/admin/eye-slash.svg)}
.i-show{-webkit-mask-image:url(../ikony/admin/eye.svg);mask-image:url(../ikony/admin/eye.svg)}
.i-trash{-webkit-mask-image:url(../ikony/admin/trash.svg);mask-image:url(../ikony/admin/trash.svg)}
.i-plus{-webkit-mask-image:url(../ikony/admin/plus-lg.svg);mask-image:url(../ikony/admin/plus-lg.svg)}
.i-close{-webkit-mask-image:url(../ikony/admin/x-lg.svg);mask-image:url(../ikony/admin/x-lg.svg)}
.i-clock{-webkit-mask-image:url(../ikony/admin/clock.svg);mask-image:url(../ikony/admin/clock.svg)}
.i-resend{-webkit-mask-image:url(../ikony/admin/arrow-clockwise.svg);mask-image:url(../ikony/admin/arrow-clockwise.svg)}
.i-person{-webkit-mask-image:url(../ikony/admin/person.svg);mask-image:url(../ikony/admin/person.svg)}
.i-people{-webkit-mask-image:url(../ikony/admin/people.svg);mask-image:url(../ikony/admin/people.svg)}
.i-key{-webkit-mask-image:url(../ikony/admin/key.svg);mask-image:url(../ikony/admin/key.svg)}
.i-upload{-webkit-mask-image:url(../ikony/admin/upload.svg);mask-image:url(../ikony/admin/upload.svg)}
.i-image{-webkit-mask-image:url(../ikony/admin/image.svg);mask-image:url(../ikony/admin/image.svg)}
.i-back{-webkit-mask-image:url(../ikony/admin/arrow-left.svg);mask-image:url(../ikony/admin/arrow-left.svg)}
.i-send{-webkit-mask-image:url(../ikony/admin/send.svg);mask-image:url(../ikony/admin/send.svg)}
.i-plug{-webkit-mask-image:url(../ikony/admin/plug.svg);mask-image:url(../ikony/admin/plug.svg)}
.i-info{-webkit-mask-image:url(../ikony/admin/info-circle.svg);mask-image:url(../ikony/admin/info-circle.svg)}
.i-calendar{-webkit-mask-image:url(../ikony/admin/calendar-event.svg);mask-image:url(../ikony/admin/calendar-event.svg)}
.i-menu{-webkit-mask-image:url(../ikony/admin/list.svg);mask-image:url(../ikony/admin/list.svg)}

/* Rám aplikace */
.app{container:app/inline-size;min-height:100vh;background:var(--pozadi)}
.hlavicka{position:sticky;top:0;z-index:5;background:var(--plocha);border-bottom:1px solid var(--okraj)}
.hlavicka__obsah{display:flex;align-items:center;gap:16px;padding:10px 24px;min-height:68px}
.sluzba{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-family:var(--pismo-nadpis);font-weight:700;font-size:18px;white-space:nowrap}
.sluzba__znak{width:28px;height:28px;border-radius:8px;background:var(--akcent);color:#fff;display:grid;place-items:center;font-size:15px;line-height:1}
.hlavicka__oddelovac{width:1px;align-self:stretch;background:var(--okraj);margin:6px 4px}
.obchod{display:flex;align-items:center;gap:10px;min-width:0}
.obchod__logo{width:44px;height:36px;object-fit:contain}
.obchod__texty{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.obchod__nazev{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obchod__web{font-size:14px;color:var(--tlumeny)}
.hlavicka__uzivatel{margin-left:auto;display:flex;align-items:center;gap:12px}
.uzivatel{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tlumeny)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--akcent-svetly);color:var(--akcent-tmavy);display:grid;place-items:center;font-weight:800;font-size:14px}

.test-pruh{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:8px 16px;background:repeating-linear-gradient(135deg,#FFD24D 0 18px,#F7C531 18px 36px);color:#2E2200;font-weight:800;font-size:15px;text-align:center}
.test-pruh a{color:#2E2200}

.telo{display:flex;align-items:flex-start}
.menu{position:sticky;top:69px;width:240px;flex:none;padding:20px 12px;display:flex;flex-direction:column;gap:4px}
.menu__polozka{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:700}
.menu__polozka:hover{background:#E8EDEB;color:var(--text)}
.menu__polozka[aria-current="page"]{background:var(--akcent);color:#fff}
.menu__pocet{margin-left:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--jantar-svetly);color:var(--jantar);font-size:13px;font-weight:800;display:grid;place-items:center}
.menu__polozka[aria-current="page"] .menu__pocet{background:#fff;color:var(--akcent-tmavy)}
.menu__oddel{height:1px;background:var(--okraj);margin:10px 14px}
.menu__text{line-height:1.1}
.obsah{flex:1 1 0;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px;max-width:1160px}

.zahlavi{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.zahlavi__texty{display:flex;flex-direction:column;gap:6px}
.zahlavi__akce{display:flex;flex-wrap:wrap;gap:10px}
.drobky{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700}
.drobky a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none}

/* Karty a mřížky */
.karta{background:var(--plocha);border:1px solid var(--okraj);border-radius:var(--zaobleni);padding:22px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--stin)}
.karta--bez-odsazeni{padding:0;gap:0;overflow:hidden}
.karta__hlava{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.karta__hlava h2{display:flex;align-items:center;gap:10px}
.karta__pata{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:4px}
.mrizka{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.mrizka--2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}
.mrizka--cisla{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.sloupce{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.sloupec{display:flex;flex-direction:column;gap:24px;min-width:0}
.radek{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zasobnik{display:flex;flex-direction:column;gap:12px}

.cislo{background:var(--plocha);border:1px solid var(--okraj);border-radius:var(--zaobleni);padding:18px 20px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--text);box-shadow:var(--stin)}
.cislo:hover{border-color:var(--okraj-silny);color:var(--text)}
.cislo__hodnota{font-family:var(--pismo-nadpis);font-weight:700;font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}
.cislo__popis{color:var(--tlumeny);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}
.cislo__znacka{width:10px;height:10px;border-radius:50%}

/* Odpočet termínů */
.akce-pas{background:var(--akcent-tmavy);color:#fff;border-radius:var(--zaobleni);padding:22px 24px;display:flex;flex-direction:column;gap:18px}
.akce-pas a{color:#fff}
.akce-pas__hlava{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px}
.akce-pas__nazev{font-family:var(--pismo-nadpis);font-size:26px;font-weight:700;line-height:1.1}
.akce-pas__stav{font-size:15px;color:#D7EBE2}
.odpocet{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.odpocet__krok{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.odpocet__krok--hotovo{background:transparent;border-style:dashed}
.odpocet__krok--ted{background:#fff;color:var(--text);border-color:#fff}
.odpocet__nazev{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.odpocet__zbyva{font-family:var(--pismo-nadpis);font-size:26px;font-weight:700;line-height:1.15}
.odpocet__datum{font-size:15px;opacity:.9}

/* Štítky stavů */
.stitek{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;line-height:1.4}
.stitek::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stitek--ceka{background:var(--jantar-svetly);color:var(--jantar)}
.stitek--zaplaceno{background:#DDF1E6;color:#145A3E}
.stitek--vydano{background:#E7EBE9;color:#3D4844}
.stitek--vydano::before{width:12px;height:12px;border-radius:0;-webkit-mask:url(../ikony/admin/check-lg.svg) center/contain no-repeat;mask:url(../ikony/admin/check-lg.svg) center/contain no-repeat}
.stitek--po-splatnosti{background:var(--cervena-svetla);color:#8A242B}
.stitek--storno{background:#ECECEC;color:#5A5A5A;text-decoration:line-through;text-decoration-thickness:1.5px}
.stitek--test{background:#FFE7A3;color:#4A3500}
.stitek--test::before{display:none}
.stitek--velky{font-size:16px;padding:5px 14px}
.zpusob{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--tlumeny);white-space:nowrap}

/* Tlačítka */
.tlacitko{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--akcent);background:var(--akcent);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.tlacitko:hover{background:var(--akcent-tmavy);border-color:var(--akcent-tmavy);color:#fff}
.tlacitko--obrys{background:var(--plocha);color:var(--akcent-tmavy);border-color:var(--okraj-silny)}
.tlacitko--obrys:hover{background:var(--akcent-svetly);color:var(--akcent-tmavy);border-color:var(--akcent)}
.tlacitko--nebezpecne{background:var(--plocha);color:var(--cervena);border-color:#E3B5B8}
.tlacitko--nebezpecne:hover{background:var(--cervena-svetla);color:var(--cervena);border-color:var(--cervena)}
.tlacitko--nebezpecne-plne{background:var(--cervena);border-color:var(--cervena);color:#fff}
.tlacitko--nebezpecne-plne:hover{background:#861C23;border-color:#861C23}
.tlacitko--text{background:transparent;border-color:transparent;color:var(--akcent-tmavy);padding:0 10px}
.tlacitko--text:hover{background:var(--akcent-svetly);border-color:transparent;color:var(--akcent-tmavy)}
.tlacitko--siroke{width:100%}
.tlacitko--velke{min-height:52px;font-size:17px;padding:0 24px}
.tlacitko--ikona{width:44px;padding:0}
.tlacitko[disabled]{opacity:.55;cursor:not-allowed}

/* Formuláře */
.formular{display:flex;flex-direction:column;gap:18px}
.pole{display:flex;flex-direction:column;gap:6px;min-width:0}
.pole__popisek{font-weight:800;font-size:15px}
.pole__napoveda{font-size:14px;color:var(--tlumeny)}
.pole__chyba{font-size:14px;color:var(--cervena);font-weight:700;display:flex;gap:6px;align-items:center}
.vstup{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--okraj-silny);border-radius:10px;background:var(--plocha);font-size:16px}
.vstup:focus{outline:3px solid #9CCFB8;outline-offset:1px;border-color:var(--akcent)}
.vstup--chyba{border-color:var(--cervena);background:#FFFBFB}
.vstup--kod{font-family:var(--pismo-nadpis);font-size:30px;letter-spacing:.35em;text-align:center;font-weight:700;padding:6px 14px}
.vstup--barva{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;text-transform:uppercase;width:120px}
textarea.vstup{min-height:110px;resize:vertical;line-height:1.5}
textarea.vstup--dlouhe{min-height:220px}
select.vstup{appearance:none;background:var(--plocha) url(../ikony/admin/chevron-right.svg) no-repeat right 14px center/14px;padding-right:40px}
.vstup-s-ikonou{position:relative;display:flex;align-items:center}
.vstup-s-ikonou .ikona{position:absolute;left:14px;color:var(--tlumeny)}
.vstup-s-ikonou .vstup{padding-left:44px}
.pole-mrizka{display:grid;gap:16px 20px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.zaskrtavatko{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700;cursor:pointer}
.zaskrtavatko input{width:22px;height:22px;accent-color:var(--akcent)}
.prepinac{display:inline-flex;border:1px solid var(--okraj-silny);border-radius:12px;padding:3px;gap:3px;background:var(--plocha)}
.prepinac label{display:flex;align-items:center;min-height:38px;padding:0 14px;border-radius:9px;font-weight:700;cursor:pointer}
.prepinac input{position:absolute;opacity:0;width:1px;height:1px}
.prepinac label.vybrano{background:var(--akcent);color:#fff}

/* Upozornění */
.upozorneni{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:12px;border:1px solid}
.upozorneni>.ikona{margin-top:2px}
.upozorneni__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.upozorneni__akce{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.upozorneni--varovani{background:#FFF8E6;border-color:#F0D58A;color:#4F3700}
.upozorneni--chyba{background:#FDF0F0;border-color:#EDB9BC;color:#6E1A20}
.upozorneni--info{background:var(--modra-svetla);border-color:#B9CCE6;color:#18375C}
.upozorneni--ok{background:var(--akcent-svetly);border-color:#B4D8C6;color:#0F4732}
.upozorneni a{color:inherit;font-weight:800}

/* Filtry, hledání */
.nastroje{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.nastroje .vstup-s-ikonou{flex:1 1 320px}
.cipy{display:flex;flex-wrap:wrap;gap:8px}
.cip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--okraj-silny);background:var(--plocha);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.cip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.cip__pocet{font-variant-numeric:tabular-nums;color:var(--tlumeny);font-weight:800}
.cip[aria-pressed="true"] .cip__pocet{color:#C9D3CF}

/* Tabulky */
.tabulka-obal{overflow-x:auto}
.tabulka{width:100%;border-collapse:collapse;font-size:15px}
.tabulka th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tlumeny);font-weight:800;padding:12px 16px;border-bottom:1px solid var(--okraj);background:var(--plocha-tlumena);white-space:nowrap}
.tabulka td{padding:12px 16px;border-bottom:1px solid var(--okraj);vertical-align:middle}
.tabulka tr:last-child td{border-bottom:0}
.tabulka tbody tr:hover td{background:#FAFCFB}
.tabulka .cislo-obj{font-weight:800;font-variant-numeric:tabular-nums}
.tabulka a.radek-odkaz{font-weight:800;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.tabulka tfoot td{background:var(--plocha-tlumena);font-weight:800;border-top:1px solid var(--okraj)}
.razeni{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}
.razeni[aria-current="true"]{color:var(--text)}

/* Seznam karet místo tabulky na telefonu */
.karty-seznam{display:none;flex-direction:column;gap:10px}
.polozka{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--plocha);border:1px solid var(--okraj);border-radius:12px;text-decoration:none;color:var(--text)}
.polozka:hover{color:var(--text);border-color:var(--okraj-silny)}
.polozka__radek{display:flex;justify-content:space-between;align-items:center;gap:10px}
.polozka__cislo{font-family:var(--pismo-nadpis);font-weight:700;font-size:20px}

/* Volby z nabídky: barevné tečky */
.tecky{display:inline-flex;gap:4px;align-items:center}
.tecka{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}
.tecka--velka{width:22px;height:22px}
.kopecek{width:34px;height:30px;border-radius:17px 17px 6px 6px;border:1px solid rgba(0,0,0,.18);flex:none}
.volby-text{color:var(--tlumeny);font-size:14px}

/* Seznam údajů */
.udaje{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:10px 20px;margin:0}
.udaje dt{color:var(--tlumeny);font-weight:700}
.udaje dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}

/* Historie */
.historie{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.historie li{display:grid;grid-template-columns:16px 1fr;gap:12px;position:relative;padding-bottom:16px}
.historie li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--akcent);margin-top:6px;box-shadow:0 0 0 3px var(--akcent-svetly)}
.historie li::after{content:"";position:absolute;left:5px;top:22px;bottom:0;width:2px;background:var(--okraj)}
.historie li:last-child::after{display:none}
.historie__cas{font-size:14px;color:var(--tlumeny)}
.historie__text{font-weight:700}

/* PIN */
.pin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:12px;background:var(--akcent-svetly);border:1px solid #B4D8C6}
.pin__hodnota{font-family:var(--pismo-nadpis);font-size:40px;font-weight:700;letter-spacing:.2em;line-height:1;color:var(--akcent-tmavy)}
.pin--skryty{background:var(--plocha-tlumena);border-color:var(--okraj);border-style:dashed}

/* Dialog */
.dialog-vrstva{position:fixed;inset:0;z-index:20;background:rgba(15,24,21,.55);display:flex;align-items:center;justify-content:center;padding:24px 16px}
.dialog{width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--plocha);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.25);display:flex;flex-direction:column}
.dialog__hlava{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 0}
.dialog__telo{padding:18px 24px;display:flex;flex-direction:column;gap:16px}
.dialog__pata{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 24px 22px;border-top:1px solid var(--okraj)}

/* Přihlášení */
.prihlaseni{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px;background:var(--pozadi)}
.prihlaseni__karta{width:min(440px,100%);background:var(--plocha);border:1px solid var(--okraj);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--stin)}
.prihlaseni__pata{font-size:14px;color:var(--tlumeny);text-align:center;display:flex;flex-direction:column;gap:4px}

/* Prázdný stav */
.prazdno{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px}
.prazdno__ikona{width:72px;height:72px;border-radius:20px;background:var(--akcent-svetly);color:var(--akcent);display:grid;place-items:center}

/* Kontrolní seznam */
.kontrola{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kontrola li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--okraj);border-radius:12px}
.kontrola__znak{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.kontrola__znak--ok{background:var(--akcent);color:#fff}
.kontrola__znak--chybi{background:var(--cervena-svetla);color:var(--cervena)}
.kontrola li>div{display:flex;flex-direction:column;gap:2px}

/* Seznam editovatelných řádků (volby nabídky) */
.radky{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--okraj);border-radius:12px;overflow:hidden}
.radky>li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--okraj);background:var(--plocha);flex-wrap:wrap}
.radky>li:last-child{border-bottom:0}
.radky>li.skryta{background:var(--plocha-tlumena)}
.radky>li.skryta .radek-nazev{color:var(--tlumeny)}
.radek-nazev{flex:1 1 180px;min-width:0}
.radek-akce{display:flex;gap:4px;align-items:center}
.vzornik{display:flex;gap:6px;flex-wrap:wrap}
.vzornik button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--okraj-silny);cursor:pointer;padding:0}
.vzornik button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text)}

/* Nahrání obrázku */
.obrazek-pole{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.obrazek-nahled{width:120px;height:96px;border-radius:12px;border:1px solid var(--okraj);background:var(--plocha-tlumena);object-fit:cover;display:grid;place-items:center;color:var(--tlumeny)}
.obrazek-nahled--logo{object-fit:contain;padding:8px;background:#fff}
.obrazek-nahled--prazdny{border-style:dashed}

/* Ukázka barev tématu */
.barva-radek{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.barva-ukazka{min-width:150px;min-height:44px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.kontrast{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800}
.kontrast--ok{color:#145A3E}
.kontrast--spatny{color:var(--cervena)}

/* Výběr podkladů k tisku */
.podklad{display:flex;gap:18px;align-items:flex-start;padding:20px;background:var(--plocha);border:1px solid var(--okraj);border-radius:var(--zaobleni);box-shadow:var(--stin)}
.podklad__ikona{width:52px;height:52px;border-radius:14px;background:var(--akcent-svetly);color:var(--akcent-tmavy);display:grid;place-items:center;flex:none}
.podklad__text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}

/* Oddíly nastavení */
.oddil-menu{display:flex;flex-wrap:wrap;gap:8px}
.oddil-menu a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--okraj-silny);background:var(--plocha);text-decoration:none;font-weight:700;color:var(--text)}
.oddil-menu a[aria-current="true"]{background:var(--text);border-color:var(--text);color:#fff}

/* Viditelnost podle šířky */
.jen-telefon{display:none!important}

@container app (max-width: 760px){
  h1{font-size:28px}
  .jen-pocitac{display:none!important}
  .jen-telefon{display:revert!important}
  .menu__polozka.jen-telefon,.radek.jen-telefon{display:flex!important}
  .hlavicka__obsah{padding:8px 16px;min-height:60px;gap:10px}
  .sluzba__text,.hlavicka__oddelovac,.uzivatel__jmeno,.obchod__web{display:none}
  .obchod__logo{width:38px;height:32px}
  .telo{flex-direction:column;align-items:stretch}
  .obsah{padding:20px 16px 28px;gap:18px;order:1}
  .menu{order:2;position:sticky;top:auto;bottom:0;z-index:6;width:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px;background:var(--plocha);border-top:1px solid var(--okraj)}
  .menu__polozka{flex:1 1 0;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:4px 2px;font-size:12px;border-radius:10px;position:relative}
  .menu__polozka[aria-current="page"]{background:var(--akcent-svetly);color:var(--akcent-tmavy)}
  .menu__pocet{position:absolute;top:2px;left:calc(50% + 6px);min-width:20px;height:20px;font-size:11px;padding:0 5px;margin:0}
  .menu__polozka[aria-current="page"] .menu__pocet{background:var(--jantar-svetly);color:var(--jantar)}
  .menu__oddel,.menu__polozka--vedlejsi{display:none}
  .karta{padding:18px 16px}
  .karta--bez-odsazeni{padding:0}
  .sloupce{grid-template-columns:minmax(0,1fr)}
  .tabulka-obal.na-karty{display:none}
  .karty-seznam{display:flex}
  .zahlavi__akce{width:100%}
  .zahlavi__akce .tlacitko{flex:1 1 auto}
  .udaje{grid-template-columns:1fr;gap:2px}
  .udaje dd{margin-bottom:10px}
  .dialog-vrstva{align-items:flex-end;padding:0}
  .dialog{width:100%;border-radius:18px 18px 0 0;max-height:92vh}
  .dialog__pata{flex-direction:column-reverse}
  .dialog__pata .tlacitko{width:100%}
  .akce-pas{padding:18px 16px}
  .odpocet__zbyva{font-size:22px}
  .prihlaseni__karta{padding:28px 20px;border-radius:18px}
  .pin__hodnota{font-size:34px}
}

/* Tiskové sestavy A4 (794 × 1123 px při 96 dpi) */
.a4{width:794px;height:1123px;overflow:hidden;background:#fff;color:#111;font-family:var(--pismo);position:relative}
.a4__obsah{padding:56px 60px;display:flex;flex-direction:column;gap:22px;height:100%}
.a4__hlava{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid #111;padding-bottom:14px}
.a4__nazev{font-family:var(--pismo-nadpis);font-size:30px;font-weight:700;line-height:1.1}
.a4__meta{font-size:14px;text-align:right;line-height:1.45}
.a4__pata{margin-top:auto;display:flex;justify-content:space-between;font-size:13px;color:#444;border-top:1px solid #999;padding-top:8px}
.a4 .tabulka-tisk{width:100%;border-collapse:collapse;font-size:14px}
.a4 .tabulka-tisk th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid #111;padding:6px 6px}
.a4 .tabulka-tisk td{border-bottom:1px solid #9A9A9A;padding:7px 6px;vertical-align:top}
.ctverec{width:22px;height:22px;border:2px solid #111;border-radius:4px;display:inline-block}

/* Doplňky k návrhu: viditelný fokus klávesnice a třídy místo stylů přímo v prvcích. */
a:focus-visible,.tlacitko:focus-visible,.cip:focus-visible,.menu__polozka:focus-visible,.zaskrtavatko input:focus-visible{outline:3px solid #9CCFB8;outline-offset:2px}
.sluzba--velka{font-size:22px}
.sluzba--velka .sluzba__znak{width:36px;height:36px;font-size:19px;border-radius:10px}
.zasobnik--tesny{gap:8px}
.radek--roztazeny{justify-content:space-between}
.tlacitko--vlevo{justify-content:flex-start}
.formular-inline{display:inline}
.zvyraznene{color:var(--text)}
a.uzivatel{text-decoration:none;min-height:44px}
a.uzivatel:hover{color:var(--text)}
.cislo__znacka--zaplaceno{background:#1E7A53}
.cislo__znacka--ceka{background:#D99A14}
.cislo__znacka--po-splatnosti{background:#B5474D}
.cislo__znacka--vydano{background:#3D4844}
.cislo__znacka--storno{background:#8D8D8D}
.zasobnik--16{gap:16px}
.radek--na-stred{justify-content:center}
.prazdno__text{max-width:460px}
.bez-zalomeni{white-space:nowrap}
.vstup--razeni{width:auto;min-width:190px}
a.cip{text-decoration:none;color:var(--text)}
.cip[aria-current="true"]{background:var(--text);border-color:var(--text);color:#fff}
.cip[aria-current="true"] .cip__pocet{color:#C9D3CF}
.karty-seznam--odsazene{padding:12px;background:var(--pozadi)}
.zasobnik--4{gap:4px}
.zasobnik--6{gap:6px}
.radek--14{gap:14px}
.radek--soucet{font-size:18px}
.zakaznik__jmeno{font-size:20px}
.kontakt{min-height:44px;text-decoration:none;font-weight:800;overflow-wrap:anywhere}
.pin__ikona{color:var(--akcent-tmavy)}
.nepovinne{font-weight:600}
.zahlavi__akce form{display:contents}