/* Autoservis Nývlt – grafit + signální oranžová. Písma Manrope a JetBrains Mono (OFL) jsou u nás, ne z Googlu. */
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-latin-wght-normal.938c6e8019b6.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-latin-ext-wght-normal.6d36d5bdedfa.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-display:swap;src:url("../fonts/jetbrains-mono-latin-700-normal.69002db50656.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-display:swap;src:url("../fonts/jetbrains-mono-latin-ext-700-normal.7e8de207ef38.woff2") format("woff2");unicode-range:U+0100-02AF}

:root{
  --ink:#14171C; --ink2:#1E232A; --ink-line:#343A44; --bg:#F2F3F5; --karta:#fff; --line:#E3E5E9; --line2:#CDD1D8;
  --tlum:#4A515C; --tlum2:#8A919C; --na-tmave:#B9BEC7;
  --akcent:#E8590C; --akcent-text:#B4410C; --akcent-bg:#FFF1E8; --akcent-line:#F6C9AE;
  --modra:#1F4FB8; --modra-bg:#EEF2FB; --zelena:#1E5C3F; --zelena-bg:#E6F4EC; --cervena:#A12A16; --cervena-bg:#FFF4F2;
  --r:14px; --stin:0 1px 2px rgba(20,23,28,.05);
  --spodni:72px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--akcent-text)} a:hover{color:#8A3209}
h1,h2,h3{margin:0;line-height:1.2}
p{margin:.3em 0}
button,input,select,textarea{font:inherit;color:inherit}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-weight:700;letter-spacing:-.01em}
.tucne{font-weight:800}
.tlumene{color:var(--tlum)} .mala{font-size:13px}
.zalom{word-break:break-all}
svg{width:22px;height:22px;flex:none}

.stranka{max-width:720px;margin:0 auto;padding-bottom:calc(var(--spodni) + 24px + env(safe-area-inset-bottom))}
.obsah{padding:16px;display:flex;flex-direction:column;gap:16px}

/* tmavá hlavička */
.hlava{background:var(--ink);color:#fff;padding:calc(20px + env(safe-area-inset-top)) 18px 20px;display:flex;flex-direction:column;gap:16px}
.hlava-radek{display:flex;justify-content:space-between;align-items:center;gap:12px}
.znacka{display:flex;align-items:center;gap:12px}
.znacka small{display:block;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--na-tmave)}
.znacka h1{font-size:23px;font-weight:800}
.znacka-logo{width:44px;height:44px}
.svetle{--logo-bg:#fff;--logo-fg:var(--ink)}
.hledat{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--r);padding:0 14px;height:50px;color:var(--tlum)}
.hledat input{border:0;outline:0;flex:1;background:transparent;color:var(--ink);font-size:16px;min-width:0}
.hledat:focus-within{box-shadow:0 0 0 3px rgba(232,89,12,.45)}
.dve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dlazdice{background:var(--ink2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dlazdice small{font-size:12px;color:var(--na-tmave)}
.dlazdice .mono{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlazdice .mono.mala{font-size:13px}
.dlazdice.svetla{background:var(--bg)} .dlazdice.svetla small{color:var(--tlum)}
.auto-hlava{display:flex;gap:14px;align-items:center}
.auto-hlava h1{font-size:21px;font-weight:800;margin-top:6px}
.auto-hlava small{color:var(--na-tmave);font-size:13px}

/* lišta podstránek */
.lista{background:#fff;border-bottom:1px solid var(--line);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5}
.lista h1{font-size:18px;font-weight:800}
.lista small{font-size:13px;color:var(--tlum)}

/* tlačítka */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 18px;border-radius:var(--r);border:0;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,filter .15s}
.btn:active{transform:scale(.98)}
.btn svg{width:20px;height:20px}
.btn-hlavni{background:var(--akcent);color:#fff} .btn-hlavni:hover{color:#fff;filter:brightness(1.05)}
.btn-tmave{background:var(--ink2);color:#fff;border:1px solid var(--ink-line)} .btn-tmave:hover{color:#fff}
.lista~* .btn-tmave,.obsah .btn-tmave{background:var(--ink);border-color:var(--ink)}
.btn-svetle{background:#fff;color:var(--ink);border:1px solid #DDE0E5} .btn-svetle:hover{color:var(--ink)}
.btn-nebezpeci{background:var(--cervena);color:#fff}
.btn-nebezpeci-svetle{background:var(--cervena-bg);color:var(--cervena);border:1px solid #E9B8B0}
.btn-mala{height:38px;padding:0 12px;font-size:13px;border-radius:10px}
.plna{width:100%}
.btn[disabled]{opacity:.6}
.ikona-btn{width:44px;height:44px;border-radius:12px;background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;border:0;flex:none}
.ikona-btn.tmave{background:var(--ink2);border:1px solid var(--ink-line);color:#fff}
.ikona-btn.modre{background:var(--modra-bg);color:var(--modra)}
.ikona-btn.mala{width:36px;height:36px;background:transparent;color:var(--tlum2)}
.ikona-btn svg{width:20px;height:20px}
.odkaz-tlumeny{background:none;border:0;padding:6px 0;color:var(--tlum);text-decoration:underline;cursor:pointer;font-size:14px}
.odkaz-nebezpeci{color:var(--cervena);font-weight:600;font-size:14px;text-align:center}
.akce{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:14px 16px 0}
.akce .btn{padding:0 10px}
.pocet{background:var(--akcent);color:#fff;border-radius:10px;font-size:11px;padding:1px 7px}

/* SPZ */
.spz{display:inline-flex;align-items:stretch;gap:6px;border:1.5px solid var(--ink);border-radius:5px;padding:1px 7px 1px 0;font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:14px;overflow:hidden;background:#fff;color:var(--ink);align-self:flex-start;white-space:nowrap}
.spz i{background:var(--modra);width:7px}
.spz-velka{font-size:17px;border:0;border-radius:6px;padding:2px 10px 2px 0}
.spz-velka i{width:9px}

/* sekce a karty */
.sekce{display:flex;flex-direction:column;gap:10px}
.sekce-hlava{display:flex;justify-content:space-between;align-items:baseline}
.sekce-hlava h2,.mezititulek{font-size:13px;font-weight:800;color:var(--tlum);text-transform:uppercase;letter-spacing:.05em}
.mezititulek{margin-top:6px} .mezititulek em,legend em,.pole span em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;color:var(--tlum2)}
.panel{background:var(--karta);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;box-shadow:var(--stin)}
.karta-auta{display:flex;align-items:center;gap:12px;background:var(--karta);border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;color:var(--ink);box-shadow:var(--stin);transition:border-color .15s}
.karta-auta:hover{color:var(--ink);border-color:var(--line2)}
.karta-auta+.karta-auta{margin-top:10px}
.karta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.karta-text strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karta-text small{font-size:13px;color:var(--tlum)}
.sipka{color:var(--tlum2);width:20px;height:20px}
.ikona-auta{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.ikona-auta svg{width:26px;height:26px}
.ikona-auta.velka{width:64px;height:64px;border-radius:18px} .ikona-auta.velka svg{width:36px;height:36px}
.b-grafit{background:#3B4452}.b-modra{background:var(--modra)}.b-oranzova{background:var(--akcent-text)}.b-zelena{background:#2F6B4F}.b-cervena{background:#A12A16}.b-fialova{background:#5B3FA8}
.prazdne{color:var(--tlum);background:#fff;border:1px dashed var(--line2);border-radius:var(--r);padding:18px;text-align:center;list-style:none}
.vodorovne{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}
.pripominka{flex:0 0 auto;min-width:150px;max-width:220px;scroll-snap-align:start;background:#fff;border:1px solid #DDE0E5;border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600}
.pripominka .mono{font-size:14px}
.pripominka.naleha{background:var(--akcent-bg);border-color:var(--akcent-line);color:#7A2E07}
.text-naleha{color:#7A2E07!important;font-weight:700}
.majitel{display:flex;justify-content:space-between;align-items:center;gap:10px}
.majitel small{display:block;font-size:12px;color:var(--tlum);font-weight:600}
.majitel strong{font-size:15px}
.poznamka{font-size:14px;color:var(--tlum);background:#FAFAFB}

/* časová osa */
.osa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.osa>li{position:relative;padding-left:26px;padding-bottom:12px}
.osa>li:before{content:"";position:absolute;left:5px;top:20px;bottom:-6px;width:2px;background:#DDE0E5}
.osa>li:last-child:before{display:none}
.osa>li:after{content:"";position:absolute;left:0;top:14px;width:12px;height:12px;border-radius:50%;background:var(--tlum2)}
.osa>li.prvni:after{background:var(--akcent)}
.osa>li.prazdne{padding:18px}
.osa>li.prazdne:after,.osa>li.prazdne:before{display:none}
.ukon{display:flex;flex-direction:column;gap:6px}
.ukon p{font-size:14px;margin:0}
.ukon-hlava{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ukon-hlava strong{font-size:15px}
.ukon-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--tlum)}
.stitek-km{background:var(--bg);border-radius:6px;padding:2px 6px;font-size:12px;color:var(--ink)}
.cena{background:#F7F8F9;border:1px dashed var(--tlum2);border-radius:6px;padding:1px 6px;font-weight:700;color:var(--ink)}
.interni{background:#FFFBEA;border-radius:8px;padding:6px 8px;color:#5C4A00}
.fotky{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}
.fotky img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#DDE0E5}

/* formuláře */
.formular{display:flex;flex-direction:column;gap:14px}
.pole{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--tlum);border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--tlum)}
.pole input:not([type=radio]):not([type=checkbox]):not([type=file]),.pole select,.pole textarea{height:48px;border-radius:12px;border:1px solid var(--line2);background:#fff;padding:0 12px;font-size:16px;font-weight:600;color:var(--ink);width:100%;min-width:0;appearance:none}
.pole select{background-image:linear-gradient(45deg,transparent 50%,var(--tlum) 50%),linear-gradient(135deg,var(--tlum) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat}
.pole textarea{height:auto;padding:10px 12px;resize:vertical;font-weight:500;line-height:1.4}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:0;border-color:var(--akcent);box-shadow:0 0 0 3px rgba(232,89,12,.2)}
.pole input.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.pole.chyba input,.pole.chyba textarea{border-color:var(--cervena)}
.chyba-text{color:var(--cervena);font-weight:600}
.jen-vy input{border-style:dashed!important;border-color:var(--tlum2)!important;background:#F7F8F9!important}
.kod input{font-family:"JetBrains Mono",monospace;font-size:24px!important;letter-spacing:.3em;text-align:center;height:58px!important}
.mrizka-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.siroka-prvni{grid-template-columns:3fr 2fr}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips.plne .chip{flex:1}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line2);background:#fff;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap}
.chips.plne .chip span{border-radius:10px}
.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(232,89,12,.45)}
.barvy{display:flex;gap:10px;flex-wrap:wrap}
.barva{position:relative;width:44px;height:44px;border-radius:12px;cursor:pointer}
.barva input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.barva:has(input:checked){box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.barva:has(input:focus-visible){outline:3px solid var(--akcent);outline-offset:3px}
.fotky-vyber{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.foto-pridat{position:relative;height:76px;border-radius:12px;border:2px dashed var(--akcent);background:var(--akcent-bg);color:var(--akcent-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:800;cursor:pointer}
.foto-pridat.svetle{border-color:var(--line2);background:#fff;color:var(--tlum)}
.foto-pridat input{position:absolute;inset:0;opacity:0;cursor:pointer}
.foto-pridat:focus-within{outline:3px solid var(--akcent);outline-offset:2px}
.nahled-foto{height:76px;border-radius:12px;object-fit:cover;width:100%;background:#DDE0E5}
.stavajici{margin-top:6px}
.foto-smazat{position:relative;display:block;cursor:pointer}
.foto-smazat input{position:absolute;top:6px;left:6px;width:20px;height:20px}
.foto-smazat span{position:absolute;bottom:4px;left:4px;font-size:11px;background:rgba(20,23,28,.75);color:#fff;border-radius:6px;padding:1px 6px}
.foto-smazat:has(input:checked) img{opacity:.35;outline:3px solid var(--cervena)}
.pripomenout{display:flex;flex-direction:column;gap:10px}
.pripomenout-hlava{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.rychle{display:flex;gap:6px}
.spodni-akce{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding-top:4px}
.varovani{border-color:#E9B8B0;background:var(--cervena-bg)}

/* sdílení a štítek */
.novy-odkaz{border:2px solid var(--akcent);display:flex;flex-direction:column;gap:10px}
.odkaz-pole{width:100%;height:46px;border-radius:10px;border:1px solid var(--line2);padding:0 10px;font-size:13px;background:var(--bg)}
.stitek-panel{display:flex;gap:14px;align-items:center}
.stitek-nahled{width:118px;flex:none;border:2px solid var(--ink);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff}
.stitek-nahled>svg{width:96px;height:96px}
.stitek-nahled small{font-size:8px;font-weight:800;letter-spacing:.12em}
.stitek-znacka{display:flex;align-items:center;gap:5px;font-weight:800;font-size:13px}
.stitek-znacka svg{width:18px;height:18px}
.stitek-text{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.odkaz{display:flex;flex-direction:column;gap:8px}
.odkaz+.odkaz{margin-top:10px}
.odkaz.neaktivni{opacity:.6}
.odkaz-hlava,.odkaz-pata{display:flex;justify-content:space-between;align-items:center;gap:8px}
.odkaz-adresa{font-size:12px;color:var(--tlum);background:var(--bg);border-radius:8px;padding:6px 8px}
.znacka-stav{font-size:12px;font-weight:700;color:var(--tlum);background:#ECEEF1;border-radius:8px;padding:3px 8px;white-space:nowrap}
.znacka-stav.ok{color:var(--zelena);background:var(--zelena-bg)}
.novy-form{border-style:dashed;border-color:var(--tlum2)}

/* skener */
.skener{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:3/4;max-height:70vh}
.skener video{width:100%;height:100%;object-fit:cover;display:block}
.skener-ramecek{position:absolute;inset:18%;border:3px solid var(--akcent);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.skener-stav{text-align:center}
.napoveda{display:flex;flex-direction:column;gap:6px}

/* spodní menu */
.spodni{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--spodni) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.spodni a,.spodni button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--tlum);font-size:12px;font-weight:600;background:none;border:0;width:100%;height:100%;cursor:pointer}
.spodni form{display:contents}
.spodni .akt{color:var(--akcent-text);font-weight:800}
@media (min-width:760px){.spodni{left:50%;right:auto;width:720px;transform:translateX(-50%);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0}}

/* hlášky */
.toasty{position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:696px;margin:0 auto;pointer-events:none}
.toast{background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(20,23,28,.2);animation:prijezd .25s ease-out}
.toast-error{background:var(--cervena)} .toast-warning{background:#7A5200} .toast-success{background:var(--zelena)}
.formular .toast,.auth-karta .toast{animation:none;box-shadow:none}
.toasty .toast{animation:prijezd .25s ease-out,odjezd .4s ease-in 4.5s forwards}
@keyframes prijezd{from{transform:translateY(-12px);opacity:0}}
@keyframes odjezd{to{transform:translateY(-12px);opacity:0}}

/* přihlášení */
.auth .auth-stranka{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--ink)}
.auth-karta{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px}
.auth-karta h1{font-size:22px;font-weight:800}
.auth-znacka,.znacka-mala{display:flex;align-items:center;gap:10px}
.auth-znacka svg{width:44px;height:44px}
.auth-znacka small,.znacka-mala small{display:block;font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--tlum);line-height:1}
.auth-znacka strong{font-size:22px;font-weight:800;line-height:1.1}
.otp-qr{display:flex;justify-content:center}
.otp-qr svg{width:200px;height:200px}
.kroky{margin:0;padding-left:20px;font-size:14px;color:var(--tlum)}

/* veřejný pohled */
.verejne{background:#fff}
.verejne-stranka{max-width:640px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 20px 28px}
.verejne-hlava{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.znacka-mala svg{width:34px;height:34px}
.znacka-mala strong{font-size:18px;font-weight:800;line-height:1.1}
.odznak{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--tlum);background:#ECEEF1;border-radius:8px;padding:4px 9px}
.odznak svg{width:15px;height:15px}
.verejne-auto{padding:18px 0;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.verejne-auto h1{font-size:27px;font-weight:800}
.verejne-auto .dlazdice .mono{font-size:15px}
.osa.verejna{padding-top:18px}
.osa.verejna>li{padding-bottom:20px}
.osa.verejna>li:after{background:#fff;border:3px solid var(--tlum2);width:12px;height:12px;top:5px}
.osa.verejna>li.prvni:after{border-color:var(--akcent)}
.osa.verejna>li:before{top:18px;background:var(--line)}
.osa.verejna .ukon-hlava strong{font-size:16px;font-weight:800}
.osa.verejna .fotky{margin-top:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.verejne-pata{border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--tlum)}
.verejne-info{padding:40px 0;display:flex;flex-direction:column;gap:10px}
.verejne-info h1{font-size:26px;font-weight:800}

/* tisk štítků (40 × 52 mm) */
.tisk-stitku{background:#fff}
.tisk-lista{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tisk-pocet{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:14px;font-weight:600}
.tisk-pocet input{width:64px;height:38px;border:1px solid var(--line2);border-radius:10px;padding:0 8px}
.tisk-napoveda{padding:0 16px;font-size:13px;color:var(--tlum)}
.arch{display:flex;flex-wrap:wrap;gap:4mm;padding:16px}
.stitek{width:40mm;height:52mm;border:.6mm solid var(--ink);border-radius:3mm;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1mm;padding:2mm;background:#fff;color:var(--ink);break-inside:avoid}
.stitek-qr svg{width:31mm;height:31mm;display:block}
.stitek .stitek-znacka{font-size:3.6mm;gap:1.2mm}
.stitek .stitek-znacka svg{width:4.4mm;height:4.4mm}
.stitek-pod{font-size:2.1mm;font-weight:800;letter-spacing:.12em}
.stitek-spz{font-size:2.6mm}
@media print{
  @page{margin:8mm}
  .tisk-lista,.tisk-napoveda,.spodni,.toasty{display:none!important}
  .arch{padding:0}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}