/* e-serviska – barvy samolepek (akcent přebije /znacka/barva.css podle servisu): zelená, modrá, černá, bílá. 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:"Barlow Condensed";font-weight:800;font-style:italic;font-display:swap;src:url("../fonts/barlow-condensed-latin-800-italic.5dfa75d7e8f4.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-style:italic;font-display:swap;src:url("../fonts/barlow-condensed-latin-ext-800-italic.b950f1775229.woff2") format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("../fonts/barlow-condensed-latin-700-normal.e1180918b873.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("../fonts/barlow-condensed-latin-ext-700-normal.a4fc62d81f8b.woff2") format("woff2");unicode-range:U+0100-02AF}
@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; --tma:#14171C; --tma2:#1E232A; --ink-line:#343A44; --bg:#F2F3F5; --karta:#fff; --line:#E3E5E9; --line2:#CDD1D8;
  --tlum:#4A515C; --tlum2:#8A919C; --na-tmave:#B9BEC7;
  --akcent:#2E9B3B; --akcent-text:#1C6B27; --akcent-bg:#EAF6E8; --akcent-line:#A6D59F; --na-akcentu:#fff; --modra2:#1A7BD0; --zluta:#F2B705; --zluta-bg:#FFF6D1; --zluta-line:#D9A600; --zavod:"Barlow Condensed",Manrope,system-ui,sans-serif;
  --modra:#1660B8; --modra-bg:#EAF2FC; --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(--modra)} a:hover{color:#0E4687}
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(--tma);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:var(--karta);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(46,155,59,.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(--tma2);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:var(--karta);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:var(--na-akcentu)} .btn-hlavni:hover{color:var(--na-akcentu);filter:brightness(1.05)}
.btn-tmave{background:var(--tma2);color:#fff;border:1px solid var(--ink-line)} .btn-tmave:hover{color:#fff}
.lista~* .btn-tmave,.obsah .btn-tmave{background:var(--tma);border-color:var(--ink)}
.btn-svetle{background:var(--karta);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(--tma2);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:var(--na-akcentu);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:var(--karta);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:var(--karta);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:var(--karta);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:var(--karta);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(46,155,59,.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:var(--karta);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(--tma);border-color:var(--ink);color:#fff}
.chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(46,155,59,.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:var(--karta);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:var(--karta);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,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) and (max-width:999px){.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(--tma);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(--tma)}
.auth-karta{width:100%;max-width:400px;background:var(--karta);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-logo{display:block;width:128px;height:128px;margin:0 auto 16px}
.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:var(--karta);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))}
/* sdílený odkaz – servisní knížka (karta vozu + rozbalovací historie) */
.verejne-stranka:has(.vk-auto){max-width:900px}
.vk-auto{padding:20px 0 8px;display:flex;flex-direction:column;gap:18px}
.vk-auto h1{font-size:28px;font-weight:800;line-height:1.1}
.vk-hlava{display:grid;grid-template-columns:1fr;gap:16px}
.vk-foto img{width:100%;max-height:300px;object-fit:cover;border-radius:12px;display:block;background:#DDE0E5}
.vk-zaklad{display:flex;flex-direction:column;gap:14px}
.vk-zaklad dl{margin:0;display:flex;flex-direction:column;gap:8px}
.vk-zaklad dl>div,.vk-tech>div{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:10px;align-items:baseline}
.vk-zaklad dt,.vk-tech dt{color:var(--tlum);font-size:14px}
.vk-zaklad dd,.vk-tech dd{margin:0;font-weight:700}
.vk-zaklad dd.mono{font-size:15px}
.vk-kopirovat{border:0;background:none;padding:2px;vertical-align:middle;color:var(--modra);cursor:pointer}
.vk-kopirovat svg{width:17px;height:17px}
.vk-kopirovat.ok{color:var(--akcent)}
.vk-tl-historie{align-self:flex-start}
.vk-tech{margin:0;display:grid;grid-template-columns:1fr;gap:8px 28px;border-top:1px solid var(--line);padding-top:16px}
.vk-historie{border-top:1px solid var(--line);margin-top:8px;scroll-margin-top:12px}
.vk-historie>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer}
.vk-historie>summary::-webkit-details-marker,.vk-zaznam>summary::-webkit-details-marker{display:none}
.vk-historie>summary h2{font-size:24px;font-weight:800}
.vk-historie>summary .vk-sipka{margin-left:auto}
.vk-sipka{color:var(--tlum2);transform:rotate(90deg);transition:transform .15s}
details[open]>summary .vk-sipka{transform:rotate(-90deg)}
.vk-seznam{list-style:none;margin:0;padding:0 0 16px}
.vk-seznam>li{border-bottom:1px solid var(--line)}
.vk-seznam>li.prazdne{padding:16px 0;color:var(--tlum)}
.vk-zaznam>summary{list-style:none;display:flex;gap:12px;align-items:center;padding:12px 4px;cursor:pointer;border-radius:8px}
.vk-zaznam>summary:hover{background:#F6F7F9}
.vk-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.vk-radek1{color:var(--modra);font-size:15px}
.vk-radek1 strong.mono{color:var(--ink);margin-right:4px}
.vk-druh{color:#0E2E5C}
.vk-druh.d-reklamace{color:var(--cervena)}
.vk-km{color:var(--tlum);font-size:14px}
.vk-ikony{display:flex;align-items:center;gap:8px;flex:none;color:var(--tlum)}
.vk-ma-foto{display:flex;align-items:center;gap:2px}
.vk-ma-foto small{font-size:12px;font-weight:700}
.vk-detail{padding:2px 4px 16px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.vk-detail ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.vk-detail .fotky{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
@media (min-width:700px){
  .vk-hlava{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
  .vk-tech{grid-template-columns:1fr 1fr}
}
@media print{.vk-historie>summary .vk-sipka,.vk-tl-historie{display:none}}
.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}

/* zápis z katalogu: velké klepací položky, podrobnosti se rozbalí jen u vybraných */
.katalog{display:flex;flex-direction:column;gap:8px}
.polozka{background:var(--karta);border:1px solid var(--line2);border-radius:var(--r);transition:border-color .15s,box-shadow .15s}
.polozka:has(.polozka-vyber input:checked){border-color:var(--akcent);box-shadow:0 0 0 2px rgba(46,155,59,.25)}
.polozka-vyber{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.polozka-vyber input{position:absolute;opacity:0;width:1px;height:1px}
.polozka-znak{width:26px;height:26px;border-radius:8px;border:2px solid var(--line2);flex:none;display:flex;align-items:center;justify-content:center;background:var(--karta)}
.polozka-vyber input:checked~.polozka-znak{background:var(--akcent);border-color:var(--akcent)}
.polozka-vyber input:checked~.polozka-znak:after{content:"";width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.polozka-vyber input:focus-visible~.polozka-znak{outline:3px solid var(--akcent);outline-offset:2px}
.polozka-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.polozka-text strong{font-size:15px;color:var(--ink)}
.polozka-text small{font-size:12px;color:var(--tlum);font-weight:600}
.polozka-cena{font-size:13px;font-weight:700;color:var(--tlum);white-space:nowrap}
.polozka-detail{display:none;padding:0 14px 14px;flex-direction:column;gap:10px}
.polozka:has(.polozka-vyber input:checked) .polozka-detail{display:flex}
.polozka-detail summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--akcent-text);padding:2px 0 6px}
details.polozka-detail>*:not(summary){margin-top:10px}
.polozka.jiny{border-style:dashed}
.hledat-katalog{display:flex;align-items:center;gap:8px;height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--karta);padding:0 12px;margin-bottom:8px;color:var(--tlum)}
.hledat-katalog input{border:0;outline:0;flex:1;font-size:16px;background:transparent;min-width:0}
.ulozit-lista{position:sticky;bottom:calc(var(--spodni) + env(safe-area-inset-bottom));z-index:6;margin:0 -16px;padding:10px 16px;background:rgba(242,243,245,.94);backdrop-filter:blur(6px);border-top:1px solid var(--line)}
.navsteva{display:flex;flex-direction:column;gap:10px}
.navsteva-hlava .datum{font-size:13px;color:var(--ink)}
.navsteva .ukon+.ukon{border-top:1px solid var(--line);padding-top:10px}
.ukon-vpravo{display:flex;align-items:center;gap:4px}
.polozky-verejne{margin:4px 0 0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:3px}
.odkaz-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:var(--ink)}
.odkaz-panel span{display:flex;flex-direction:column;gap:2px}
.odkaz-panel small{font-size:13px}
.seznam-sablon .karta-auta{padding:12px 14px}
.sablona.neaktivni{opacity:.55}
.prepinac{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:700;background:var(--karta);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.prepinac input{width:24px;height:24px;accent-color:var(--akcent)}

/* sloupce: na mobilu pod sebou, na PC vedle sebe */
.form-sloupce,.form-sloupec,.sdileni-levy,.sdileni-pravy{display:flex;flex-direction:column;gap:14px}
.sdileni-rozlozeni{gap:16px}
.menu-znacka,.menu-nove,.tabulka-hlava,.jen-pc{display:none}
/* „.spodni a{display:flex}“ má vyšší specificitu – logo a Nové auto patří jen do menu na PC */
.spodni .menu-znacka,.spodni .menu-nove{display:none}

/* ===== PC (od 1000 px): menu vlevo, tabulka aut, dva sloupce ===== */
@media (min-width:1000px){
  :root{--bok:236px}
  .stranka{max-width:none;margin:0 0 0 var(--bok);padding-bottom:48px}
  .spodni{top:0;bottom:0;left:0;right:auto;width:var(--bok);height:auto;display:flex;flex-direction:column;gap:4px;padding:22px 14px;background:var(--tma);border:0;transform:none;border-radius:0}
  .spodni a{flex-direction:row;justify-content:flex-start;height:46px;padding:0 14px;border-radius:12px;color:var(--na-tmave);font-size:15px;gap:12px;width:auto}
  .spodni a:hover{background:var(--tma2);color:#fff}
  .spodni .akt{background:var(--tma2);color:#fff} .spodni .akt svg{color:var(--akcent)}
  .spodni .menu-znacka{display:flex;height:auto;padding:2px 8px 24px;color:#fff;background:none}
  .menu-znacka svg{width:40px;height:40px}
  .menu-znacka small{display:block;font-size:10px;letter-spacing:.24em;color:var(--na-tmave);font-weight:700}
  .menu-znacka strong{display:block;font-size:20px;font-weight:800;line-height:1.1;color:#fff}
  .spodni .menu-nove{display:flex;margin-top:auto;background:var(--akcent);color:#fff;font-weight:800}
  .spodni .menu-nove:hover{background:var(--akcent);filter:brightness(1.06)}
  .toasty{left:calc(var(--bok) + 24px);margin:0}
  .obsah{padding:24px 32px;max-width:1240px}
  .lista{padding:16px 32px}
  .hlava-prehled{padding:26px 32px;display:grid;grid-template-columns:auto minmax(280px,560px) auto;justify-content:space-between;align-items:center;gap:24px}
  .hlava-prehled .dve{grid-template-columns:auto auto}
  .hlava-prehled .znacka-logo{display:none}
  .vodorovne{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .pripominka{flex:0 0 210px;max-width:none}
  /* přehled aut jako tabulka */
  .tabulka-hlava{display:grid;grid-template-columns:40px 150px minmax(0,1.2fr) minmax(0,1.5fr) 20px;gap:16px;padding:0 16px;font-size:12px;font-weight:800;color:var(--tlum);text-transform:uppercase;letter-spacing:.05em}
  #seznam-aut{background:var(--karta);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  #seznam-aut .karta-auta{border:0;border-radius:0;box-shadow:none;padding:10px 16px;gap:16px}
  #seznam-aut .karta-auta+.karta-auta{margin-top:0;border-top:1px solid var(--line)}
  #seznam-aut .karta-auta:hover{background:#FAFAFB}
  #seznam-aut .karta-text{display:grid;grid-template-columns:150px minmax(0,1.2fr) minmax(0,1.5fr);gap:16px;align-items:center}
  #seznam-aut .karta-text small{font-size:14px}
  #seznam-aut .ikona-auta{width:40px;height:40px;border-radius:12px}
  #seznam-aut .ikona-auta svg{width:22px;height:22px}
  #seznam-aut .prazdne{border:0;border-radius:0}
  .jen-pc{display:inline}
  /* karta auta: vlevo údaje, vpravo historie */
  .auto-rozlozeni{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:start;min-height:100vh}
  .auto-bok{position:sticky;top:0;max-height:100vh;overflow-y:auto;background:var(--karta);border-right:1px solid var(--line);padding-bottom:20px}
  .auto-bok .hlava{padding:24px}
  .auto-bok .akce{padding:16px 20px 0}
  .auto-bok .obsah{padding:16px 20px}
  .auto-osa{max-width:960px}
  .auto-osa .fotky{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
  /* formuláře ve dvou sloupcích */
  .formular.obsah{max-width:1160px}
  .form-sloupce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
  .spodni-akce{flex-direction:row;align-items:center;gap:24px}
  .spodni-akce .plna{width:auto;min-width:300px}
  /* sdílení */
  .sdileni-rozlozeni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  .ulozit-lista{bottom:0;margin:0;border-radius:14px 14px 0 0}
  .katalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .polozka:has(.polozka-vyber input:checked){grid-column:1 / -1}
}


/* ===================== MOTOKROS #62 – vzhled ===================== */
h1{font-family:var(--zavod);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.znacka h1{font-size:30px;line-height:1}
.lista h1{font-size:24px;line-height:1.05}
.auto-hlava h1{font-size:28px;line-height:1.02}
.auth-karta h1,.verejne-auto h1,.verejne-info h1{font-size:32px;line-height:1.02}
.sekce-hlava h2,.mezititulek,legend{font-family:var(--zavod);font-weight:700;font-size:16px;letter-spacing:.04em}
.mezititulek em,legend em{font-family:Manrope,system-ui,sans-serif;font-size:13px}
/* tlačítka: šikmé jako startovní tabulka */
.btn{font-family:var(--zavod);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.03em}
.btn-mala{font-size:15px}
.btn-hlavni{background:var(--akcent);color:var(--na-akcentu);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:6px}
.btn-hlavni:hover{color:var(--na-akcentu);filter:brightness(1.06)}
.btn-tmave{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:6px}
.pocet{background:var(--akcent);color:var(--na-akcentu);font-family:var(--zavod);font-size:13px}
/* (tabulka #62 odstraněna 2026-11-05) */
.tabulka62{display:inline-flex;align-items:center;justify-content:center;font-family:var(--zavod);font-style:italic;font-weight:800;color:var(--na-akcentu);background:var(--akcent);border-radius:6px;padding:0 9px 0 7px;height:26px;font-size:19px;line-height:1;transform:skewX(-10deg);box-shadow:inset 0 0 0 2px rgba(20,23,28,.85)}
.tabulka62 span{transform:skewX(10deg);display:inline-block}
/* hlavička: tmavá, žluté šikmé pruhy, velká 62 v pozadí, šachovnice dole */
.hlava{position:relative;overflow:hidden;background:
  linear-gradient(112deg,transparent 0 70%,var(--akcent) 70% 72.5%,transparent 72.5% 74.5%,var(--modra2) 74.5% 75.8%,transparent 75.8%),
  radial-gradient(120% 140% at 100% 0,#262c35 0,var(--tma) 60%);padding-bottom:30px}
.hlava:after{content:none;position:absolute;right:-8px;top:-34px;font-family:var(--zavod);font-style:italic;font-weight:800;font-size:200px;line-height:1;color:rgba(255,255,255,.045);pointer-events:none}
.hlava:before,.auth .auth-stranka:before{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:conic-gradient(#fff 25%,#14171C 0 50%,#fff 0 75%,#14171C 0) 0 0/16px 16px;opacity:.9}
.hlava>*{position:relative;z-index:1}
.auto-bok .hlava:after{font-size:150px;top:-20px}
.lista{border-bottom:0;box-shadow:inset 0 -3px 0 var(--akcent)}
/* karty a osa */
.karta-auta:hover{border-color:var(--akcent)}
.osa>li.prvni:after{background:var(--akcent);box-shadow:0 0 0 2px var(--ink)}
.osa.verejna>li.prvni:after{border-color:var(--ink);background:var(--akcent)}
.pripominka.naleha{background:var(--cervena-bg);border-color:#E9B8B0;color:#7A2414}
.pripominka{border-left:5px solid var(--line2)}
.pripominka.naleha{border-left-color:var(--cervena)}
.text-naleha{color:var(--cervena)!important}
.foto-pridat{border-color:var(--ink);background:var(--akcent);color:var(--na-akcentu)}
.foto-pridat span{font-family:var(--zavod);font-size:15px;text-transform:uppercase}
.chip input:checked+span{background:var(--tma);color:var(--akcent)}
.polozka:has(.polozka-vyber input:checked){border-color:var(--ink);box-shadow:inset 5px 0 0 var(--akcent),0 0 0 1px var(--ink)}
.polozka-vyber input:checked~.polozka-znak{background:var(--akcent);border-color:var(--ink)}
.polozka-vyber input:checked~.polozka-znak:after{border-color:#fff}
.polozka-text strong{font-size:16px}
.polozka-detail summary{color:var(--akcent-text)}
.novy-odkaz{border-color:var(--ink);box-shadow:inset 6px 0 0 var(--akcent)}
.ikona-auta{border-radius:10px;transform:skewX(-6deg)} .ikona-auta svg{transform:skewX(6deg)}
.b-oranzova{background:#C98F00}
/* menu */
.spodni .akt{color:var(--ink);box-shadow:inset 0 3px 0 var(--akcent)}
.menu-znacka .tabulka62{margin-left:2px;height:22px;font-size:16px}
/* přihlášení: tmavé pozadí, pruhy, 62 */
.auth .auth-stranka{position:relative;overflow:hidden;background:
  linear-gradient(112deg,transparent 0 58%,var(--akcent) 58% 61%,transparent 61% 63.5%,var(--modra2) 63.5% 65%,transparent 65%),
  radial-gradient(120% 120% at 100% 0,#262c35 0,var(--tma) 60%)}
.auth .auth-stranka:after{content:none;position:absolute;right:4vw;bottom:-6vw;font-family:var(--zavod);font-style:italic;font-weight:800;font-size:46vw;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}
.auth-karta{position:relative;z-index:1;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.35);border-top:6px solid var(--akcent)}
.auth-znacka strong,.znacka-mala strong,.menu-znacka strong{font-family:var(--zavod);font-style:italic;font-weight:800;text-transform:uppercase;font-size:24px;letter-spacing:.01em}
/* veřejná stránka */
.verejne-hlava{border-bottom:0;box-shadow:0 3px 0 var(--akcent)}
.verejne-pata .provozovna{color:var(--ink);font-weight:700}
@media (min-width:1000px){
  .spodni .akt{color:#fff;box-shadow:inset 4px 0 0 var(--akcent)}
  .spodni .akt svg{color:var(--akcent)}
  .spodni{background:linear-gradient(180deg,var(--tma) 0,#1b2027 100%)}
  .spodni .menu-nove{background:var(--akcent);color:var(--na-akcentu);font-family:var(--zavod);font-size:18px;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border-radius:6px}
  .hlava-prehled{padding-bottom:34px}
  .hlava:after{font-size:260px;top:-60px}
}

/* návod */
.napoveda-btn{font-family:var(--zavod);font-style:italic;font-weight:800;font-size:22px;text-decoration:none}
.kroky-navod{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kroky-navod li{display:flex;gap:14px;background:var(--karta);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.kroky-navod p{margin:4px 0 0;font-size:14px;color:var(--tlum)}
.kroky-navod strong{font-size:16px}
.kroky-navod em{font-style:normal;font-weight:700;color:var(--ink)}
.krok-cislo{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--akcent);color:var(--na-akcentu);font-family:var(--zavod);font-style:italic;font-weight:800;font-size:24px;border-radius:8px;transform:skewX(-10deg);box-shadow:inset 0 0 0 2px var(--ink)}
.tipy ul{margin:8px 0 0;padding-left:18px;font-size:14px;color:var(--tlum);display:flex;flex-direction:column;gap:6px}
kbd{font-family:"JetBrains Mono",monospace;background:var(--bg);border:1px solid var(--line2);border-radius:4px;padding:0 5px}
@media (min-width:1000px){.kroky-navod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.navod{max-width:1100px}}


/* ===================== fotka auta, termíny, olej, registr (2026-11-05) ===================== */
.ok-text{color:var(--akcent-text);font-weight:700}
.hlava-tlacitka{display:flex;align-items:center;gap:8px}
.foto-rychle{margin:0}
.foto-rychle label{position:relative;cursor:pointer}
.foto-rychle input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.hlava-tip{margin:0;font-size:13px;color:var(--na-tmave);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hlava-tip svg{width:16px;height:16px}
/* hlavička s fotkou auta */
.hlava.hlava-foto{background:#0B0D10;min-height:280px;justify-content:space-between}
.hlava.hlava-foto:after{display:none}
.hlava>.hlava-obrazek{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.78}
.hlava-foto .hlava-radek,.hlava-foto .auto-hlava{position:relative;z-index:1}
.hlava-foto .auto-hlava{padding-top:60px;background:linear-gradient(180deg,transparent,rgba(11,13,16,.75) 55%);margin:0 -18px -30px;padding:60px 18px 30px}
.hlava-foto .auto-hlava h1{text-shadow:0 2px 10px rgba(0,0,0,.5)}
.hlava-foto .auto-hlava small{color:#E4E7EB}
/* panely na kartě auta */
.karta-sekce{display:flex;flex-direction:column;gap:12px;padding:14px}
.karta-hlava{display:flex;align-items:center;gap:12px}
.karta-hlava h2{flex:1;font-size:17px;font-weight:800}
.karta-ikona{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);flex:none}
.karta-ikona.modra{background:var(--modra-bg);color:var(--modra)}
.karta-ikona.zelena{background:var(--akcent-bg);color:var(--akcent-text)}
.terminy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.termin{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--karta)}
.termin-znak{width:22px;height:22px;border-radius:50%;flex:none;position:relative;background:var(--line2)}
.termin-znak:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.t-brzy .termin-znak{background:var(--zluta)} .t-brzy .termin-znak:after{content:"!";border:0;transform:none;left:0;right:0;top:0;width:auto;height:auto;text-align:center;font-weight:900;font-size:15px;line-height:22px;color:#14171C}
.t-po .termin-znak{background:var(--cervena)} .t-po .termin-znak:after{content:"!";border:0;transform:none;left:0;right:0;top:0;width:auto;height:auto;text-align:center;font-weight:900;font-size:15px;line-height:22px;color:#fff}
.t-ok .termin-znak{background:var(--akcent)}
.t-nic .termin-znak{background:var(--karta);border:2px dashed var(--line2)} .t-nic .termin-znak:after{display:none}
.termin-text{flex:1;min-width:0;display:flex;flex-direction:column}
.termin-text small{font-size:12px;color:var(--tlum);font-weight:700}
.termin-text strong{font-size:16px}
.termin-text a{font-weight:700;font-size:14px}
.termin-dni{font-size:13px;font-weight:800;border-radius:10px;padding:4px 10px;white-space:nowrap;background:var(--akcent-bg);color:var(--akcent-text)}
.t-brzy .termin-dni{background:var(--zluta-bg);color:#6B4700}
.t-po .termin-dni{background:var(--cervena-bg);color:var(--cervena)}
.termin .btn-mala{height:40px;padding:0 12px;font-size:15px}
.registr-radek{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.registr-radek .odkaz-tlumeny{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--modra);font-weight:700}
.registr-radek svg{width:16px;height:16px}
.radky{margin:0;display:flex;flex-direction:column}
.radky>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0}
.radky .oddelit{border-top:1px solid var(--line);margin-top:4px;padding-top:11px}
.radky dt{display:flex;align-items:center;gap:8px;color:var(--tlum);font-size:14px;font-weight:600}
.radky dt svg{width:18px;height:18px}
.radky dd{margin:0;font-weight:800}
.zbyva{color:var(--akcent-text);font-size:17px}
.o-brzy .zbyva{color:#8A5A00} .o-po .zbyva{color:var(--cervena)}
.ukazatel{width:100%;height:10px;border:0;border-radius:6px;background:var(--line);overflow:hidden;-webkit-appearance:none;appearance:none}
.ukazatel::-webkit-progress-bar{background:var(--line);border-radius:6px}
.ukazatel::-webkit-progress-value{background:var(--akcent);border-radius:6px}
.ukazatel::-moz-progress-bar{background:var(--akcent);border-radius:6px}
.o-brzy .ukazatel::-webkit-progress-value{background:var(--zluta)} .o-brzy .ukazatel::-moz-progress-bar{background:var(--zluta)}
.o-po .ukazatel::-webkit-progress-value{background:var(--cervena)} .o-po .ukazatel::-moz-progress-bar{background:var(--cervena)}
.kopie-pole{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:8px 6px 8px 12px}
.kopie-pole>div{display:flex;flex-direction:column;min-width:0}
.kopie-pole small{font-size:12px;color:var(--tlum);font-weight:700}
.kopie-pole .mono{font-size:16px}
.tech{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;border-top:1px solid var(--line);padding-top:12px}
.tech dt{font-size:12px;color:var(--tlum);font-weight:700}
.tech dd{margin:0;font-weight:700;font-size:15px;overflow-wrap:anywhere}
/* přehled aut: karta s fotkou a štítky termínů */
.karta-auta{padding:0;overflow:hidden;align-items:stretch;gap:0}
.karta-foto{flex:none;width:116px;min-height:96px;background:#E3E6EA;display:flex;align-items:center;justify-content:center;position:relative}
.karta-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.karta-foto .ikona-auta{transform:none;border-radius:14px}
.karta-foto .ikona-auta svg{transform:none}
.karta-auta .karta-text{padding:11px 4px 11px 14px;gap:4px}
.karta-auta .karta-text strong{font-size:16px;white-space:normal}
.karta-auta .karta-text small{font-size:12.5px}
.karta-auta .sipka{align-self:center;margin:0 10px 0 4px}
.stitky{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.stitek-t{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;border-radius:8px;padding:2px 7px;border:1px solid var(--akcent-line);background:var(--akcent-bg);color:var(--akcent-text);white-space:nowrap}
.stitek-t svg{width:13px;height:13px}
.stitek-t.t-brzy{border-color:var(--zluta-line);background:var(--zluta-bg);color:#6B4700}
.stitek-t.t-po{border-color:#E9B8B0;background:var(--cervena-bg);color:var(--cervena)}
.posledni{color:var(--tlum2)!important}
/* formulář auta */
.registr-panel{display:flex;flex-direction:column;gap:10px;border:2px solid var(--akcent-line);background:var(--akcent-bg)}
.registr-panel>strong{font-size:16px}
.registr-panel p{margin:0}
.registr-stav:empty{display:none}
.pole input.doplneno,.pole select.doplneno{border-color:var(--akcent);background:#F2FAF0}
.foto-auta-vyber{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.foto-auta-vyber .foto-pridat,.foto-auta-vyber .nahled-foto{height:110px}
.pole-odkaz{justify-content:flex-end}
.pole-odkaz .btn{height:48px;font-size:15px;padding:0 10px}
@media (min-width:1000px){
  #seznam-aut{background:none;border:0;border-radius:0;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:12px}
  #seznam-aut .karta-auta{border:1px solid var(--line);border-radius:16px;box-shadow:var(--stin);padding:0;gap:0}
  #seznam-aut .karta-auta+.karta-auta{margin-top:0;border-top:1px solid var(--line)}
  #seznam-aut .karta-auta:hover{background:var(--karta);border-color:var(--akcent)}
  #seznam-aut .karta-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:14px 6px 14px 18px}
  #seznam-aut .karta-text small{font-size:13px}
  #seznam-aut .karta-foto{width:190px;min-height:132px}
  #seznam-aut .ikona-auta{width:56px;height:56px}
  #seznam-aut .prazdne{grid-column:1 / -1;border:1px dashed var(--line2);border-radius:var(--r)}
  .stitek-t{font-size:13px;padding:3px 9px}
  .auto-bok .hlava.hlava-foto{min-height:300px}
  .auto-bok .hlava-foto .auto-hlava{margin:0 -24px -30px;padding:60px 24px 30px}
}

.tp-rucne{display:flex;flex-direction:column;gap:8px}
.tp-rucne p{margin:0}
.tp-radek{display:flex;gap:8px}
.tp-radek input{flex:1;min-width:0;height:52px;border-radius:12px;border:1px solid var(--line2);padding:0 12px;font-size:18px;text-transform:uppercase}

/* hledání v katalogu: pole uvnitř rámečku bez vlastního rámečku */
.hledat-katalog input,.pole .hledat-katalog input{border:0!important;height:42px!important;padding:0!important;box-shadow:none!important;background:transparent!important}

/* 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}}

.jen-vy input{border-color:var(--zluta-line)!important;background:var(--zluta-bg)!important}
.cena{border-color:var(--zluta-line);background:var(--zluta-bg)}
.interni{background:var(--zluta-bg);border:1px dashed var(--zluta-line);color:#5C4A00}
.znacka h1 .akcent-e{color:var(--akcent)}
h1.nazev-app{text-transform:none}
.ucet-push .dve{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ucet-push [hidden]{display:none}
.strankovani{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}

/* ===================== tmavý vzhled (2026-11-06) – zapíná <html data-vzhled="tmavy">, volba v Účtu =====================
   Jen na obrazovce: tisk štítků a veřejná stránka pro zákazníka zůstávají světlé. */
@media screen{
:root[data-vzhled=tmavy]{color-scheme:dark;
  --bg:#171A1F; --karta:#20242B; --line:#2C323B; --line2:#3A414C; --ink:#E8EAED; --ink-line:#343B45;
  --tma:#111418; --tma2:#262B33; --tlum:#A4ABB6; --tlum2:#737B87; --na-tmave:#A4ABB6;
  --akcent:#34B046; --akcent-text:#62CF72; --akcent-bg:rgba(52,176,70,.13); --akcent-line:rgba(52,176,70,.45);
  --modra:#5BA3F0; --modra-bg:rgba(91,163,240,.14); --zelena:#57C785; --zelena-bg:rgba(87,199,133,.13);
  --cervena:#FF8370; --cervena-bg:rgba(255,110,90,.11); --zluta-bg:rgba(242,183,5,.13); --zluta-line:#8F7212;
  --stin:0 1px 2px rgba(0,0,0,.3)}
[data-vzhled=tmavy] a:hover{color:#8CC2FA}
[data-vzhled=tmavy] .btn-svetle,[data-vzhled=tmavy] .pripominka{border-color:var(--line2)}
[data-vzhled=tmavy] .btn-nebezpeci,[data-vzhled=tmavy] .toast-error{background:#B8362A;color:#fff}
[data-vzhled=tmavy] .toast-success{background:#1E7A45} [data-vzhled=tmavy] .toast-warning{background:#8A5D00}
[data-vzhled=tmavy] .btn-nebezpeci-svetle,[data-vzhled=tmavy] .varovani,[data-vzhled=tmavy] .stitek-t.t-po{border-color:rgba(255,110,90,.4)}
[data-vzhled=tmavy] .b-modra,[data-vzhled=tmavy] .spz i{background:#1E6FC9}
[data-vzhled=tmavy] .b-grafit{background:#4A5462}
/* SPZ zůstává jako skutečná tabulka: bílá, černé písmo */
[data-vzhled=tmavy] .spz{background:#fff;color:#14171C;border-color:#14171C}
[data-vzhled=tmavy] .text-naleha{color:var(--cervena)!important}
[data-vzhled=tmavy] .pripominka.naleha{color:#FFB3A6;border-color:rgba(255,110,90,.4);border-left-color:var(--cervena)}
[data-vzhled=tmavy] .interni{color:#F2D77A} [data-vzhled=tmavy] .t-brzy .termin-dni,[data-vzhled=tmavy] .stitek-t.t-brzy{color:#F2C94C}
[data-vzhled=tmavy] .o-brzy .zbyva{color:#F2C94C}
[data-vzhled=tmavy] .poznamka,[data-vzhled=tmavy] .cena,[data-vzhled=tmavy] .jen-vy input{background:var(--tma2)!important}
[data-vzhled=tmavy] .znacka-stav,[data-vzhled=tmavy] .odznak{background:var(--tma2)}
[data-vzhled=tmavy] .osa>li:before,[data-vzhled=tmavy] .fotky img,[data-vzhled=tmavy] .nahled-foto,[data-vzhled=tmavy] .karta-foto{background:var(--line2)}
[data-vzhled=tmavy] .pole input.doplneno,[data-vzhled=tmavy] .pole select.doplneno{background:var(--akcent-bg)}
[data-vzhled=tmavy] .ulozit-lista{background:rgba(23,26,31,.94)}
[data-vzhled=tmavy] .lista{background:var(--tma)}
[data-vzhled=tmavy] .chip input:checked+span{background:var(--akcent-bg);border-color:var(--akcent);color:var(--akcent-text)}
[data-vzhled=tmavy] .polozka:has(.polozka-vyber input:checked){border-color:var(--akcent);box-shadow:inset 5px 0 0 var(--akcent)}
[data-vzhled=tmavy] .polozka-vyber input:checked~.polozka-znak,[data-vzhled=tmavy] .foto-pridat{border-color:var(--akcent)}
[data-vzhled=tmavy] .foto-pridat.svetle{border-color:var(--line2)}
[data-vzhled=tmavy] .novy-odkaz{border-color:var(--akcent)}
[data-vzhled=tmavy] .osa>li.prvni:after{box-shadow:0 0 0 2px var(--bg)}
[data-vzhled=tmavy] .barva:has(input:checked){box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--ink)}
[data-vzhled=tmavy] .ikona-btn{background:var(--tma2)}
[data-vzhled=tmavy] .auth-karta{box-shadow:0 30px 60px rgba(0,0,0,.55)}
/* náhled štítku a tisk: vždy světlé */
[data-vzhled=tmavy] .stitek-nahled,[data-vzhled=tmavy] .stitek,[data-vzhled=tmavy] .tisk-stitku{--ink:#14171C;--tlum:#4A515C;--karta:#fff;color:#14171C}
@media (min-width:1000px){
  [data-vzhled=tmavy] #seznam-aut .karta-auta:hover{background:var(--tma2)}
  [data-vzhled=tmavy] .auto-bok{background:var(--tma);border-right-color:var(--line)}
  [data-vzhled=tmavy] .spodni{background:var(--tma);border-right:1px solid var(--line)}
}
}
/* přepínač vzhledu v Účtu */
.vzhled-volba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

/* ===== zápis: velké dlaždice skupin úkonů (2026-11-06) – na mobilu 3 vedle sebe, palcem dosažitelné ===== */
.kategorie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.kat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:12px 6px 10px;
  background:var(--karta);border:1px solid var(--line2);border-radius:var(--r);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;
  font-family:var(--zavod);font-weight:700;font-size:15px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;text-align:center;transition:border-color .15s,background .15s}
.kat svg{width:52px;height:52px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.kat span{overflow-wrap:anywhere}
.kat:active{transform:scale(.97)}
.kat.akt{border-color:var(--akcent);background:var(--akcent-bg);box-shadow:inset 0 -4px 0 var(--akcent)}
.kat:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}
.kat-pocet{position:absolute;top:6px;right:6px;min-width:22px;height:22px;border-radius:11px;background:var(--akcent);color:var(--na-akcentu);
  font:800 12px/22px Manrope,sans-serif;padding:0 6px}
.katalog{scroll-margin-top:90px}
@media (max-width:999px){
  .polozka-vyber{min-height:64px}
  .polozka-znak{width:30px;height:30px}
  .pole input,.pole select,.pole textarea{font-size:16px!important}
}
@media (min-width:560px){.kategorie{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1000px){.kategorie{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kat{min-height:132px}.kat svg{width:68px;height:68px}}

/* živé ikony: po klepnutí (vybraná dlaždice) se rozpohybují, na PC i při najetí myší */
.kat-ikona *{transform-box:fill-box}
.kat-ikona .a-toc,.kat-ikona .a-puls,.kat-ikona .a-kapka,.kat-ikona .a-jizda{transform-origin:center}
.kat-ikona .a-pruzina{transform-origin:50% 0}
.kat-ikona .a-tah{stroke-dasharray:1;stroke-dashoffset:0}
.kat{overflow:hidden}
.kat:before{content:"";position:absolute;left:50%;top:44%;width:70%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.4);
  background:radial-gradient(closest-side,var(--akcent-line),transparent);opacity:0;transition:opacity .3s,transform .4s;pointer-events:none}
.kat.akt:before{opacity:.9;transform:translate(-50%,-50%) scale(1)}
.kat.akt svg{transform:translateY(-2px) scale(1.08)}
.kat.hraje .a-toc{animation:k-toc 1.1s cubic-bezier(.2,.7,.3,1)}
.kat.hraje .a-toc.a-dlouho{animation-duration:1.6s}
.kat.hraje .a-pas{animation:k-pas 1.1s linear}
.kat.hraje .a-puls{animation:k-puls .6s cubic-bezier(.3,1.6,.5,1)}
.kat.hraje .a-tah{animation:k-tah .7s .1s ease-out both}
.kat.hraje .a-kapka{animation:k-kapka .8s cubic-bezier(.3,1.4,.5,1)}
.kat.hraje .a-pruzina{animation:k-pruzina .7s ease-in-out}
.kat.hraje .a-blesk{animation:k-blesk .8s steps(1)}
.kat.hraje .a-jizda{animation:k-jizda .8s ease-in-out}
@keyframes k-toc{to{transform:rotate(360deg)}}
@keyframes k-pas{to{stroke-dashoffset:-14}}
@keyframes k-puls{40%{transform:scale(1.15)}}
@keyframes k-tah{from{stroke-dashoffset:1}}
@keyframes k-kapka{0%{transform:translateY(-8px) scale(.85,1.1);opacity:.3}60%{transform:translateY(1px) scale(1.08,.92);opacity:1}}
@keyframes k-pruzina{30%{transform:scaleY(.72)}65%{transform:scaleY(1.08)}}
@keyframes k-blesk{20%,60%{opacity:.25}40%,80%{opacity:1}}
@keyframes k-jizda{25%{transform:translateY(-3px) rotate(-3deg)}50%{transform:translateY(0)}75%{transform:translateY(-1.5px) rotate(1.5deg)}}
@media (hover:hover){.kat:hover{border-color:var(--akcent-line)}.kat:hover svg{transform:translateY(-3px) scale(1.06)}}
/* nástup dlaždic po otevření zápisu */
.kategorie .kat{animation:k-nastup .35s ease-out both}
.kategorie .kat:nth-child(2){animation-delay:.03s}.kategorie .kat:nth-child(3){animation-delay:.06s}.kategorie .kat:nth-child(4){animation-delay:.09s}
.kategorie .kat:nth-child(5){animation-delay:.12s}.kategorie .kat:nth-child(6){animation-delay:.15s}.kategorie .kat:nth-child(7){animation-delay:.18s}
.kategorie .kat:nth-child(n+8){animation-delay:.21s}
@keyframes k-nastup{from{opacity:0;transform:translateY(8px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.kat,.kat *,.kat:before{animation:none!important;transition:none!important}}

/* --- fakturace --- */
.fa-polozky{display:flex;flex-direction:column;gap:8px}
.fa-radek{display:grid;grid-template-columns:minmax(0,1fr) 70px 64px 100px 96px 40px;gap:8px;align-items:end;background:var(--karta);border:1px solid var(--line);border-radius:12px;padding:10px}
.fa-radek:has(.fa-dph){grid-template-columns:minmax(0,1fr) 70px 64px 100px 76px 96px 40px}
.fa-radek .fa-nazev span.vh+input,.fa-radek input,.fa-radek select{min-width:0;width:100%}
.fa-radek .chyba-text{grid-column:1/-1}
.fa-celkem{align-self:center;text-align:right;font-weight:800;padding-top:18px;white-space:nowrap}
.fa-smazat{position:relative;display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;color:var(--tlum);cursor:pointer}
.fa-smazat input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.fa-smazat svg{width:20px;height:20px}
.fa-radek.smazany{display:none}
.fa-pridat{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.fa-pridat .pole{flex:1 1 260px}
.fa-soucet{display:flex;justify-content:space-between;align-items:center;font-weight:800}
.fa-soucet strong{font-size:22px}
.fa-castka{font-size:26px}
.fa-uhrada{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:space-between}
.fa-uhrada .pole{flex:1 1 160px}
.fa-celkem-radek{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}
.fa-stat .panel{display:flex;flex-direction:column;gap:2px}
.fa-stat strong{font-size:20px}
.fa-karta .fa-castka-mala{white-space:nowrap;margin-left:auto;padding-left:10px}
.fa-karta.fa-po_splatnosti small{color:var(--cervena,#C0392B)}
.fa-karta.fa-storno{opacity:.55}
.fa-odkaz{margin-left:auto}
.fa-odkaz.ok svg{color:var(--zelena)}
.znacka-stav.spatne{color:var(--cervena,#C0392B);background:rgba(192,57,43,.1)}
.chips a.chip{text-decoration:none}
.chips a.chip span.akt{background:var(--tma);border-color:var(--ink);color:#fff}
.hledani-mala input{width:100%}
.fakt-udaje summary{cursor:pointer;padding:6px 0}
.fakt-udaje[open] summary{margin-bottom:8px}
@media (max-width:640px){
  .fa-radek,.fa-radek:has(.fa-dph){grid-template-columns:repeat(6,minmax(0,1fr))}
  .fa-radek .fa-nazev{grid-column:1/-1}
  .fa-radek .fa-mn{grid-column:span 2}
  .fa-radek .fa-jedn{grid-column:span 1}
  .fa-radek .fa-cena{grid-column:span 3}
  .fa-radek .fa-dph{grid-column:span 2}
  .fa-radek .fa-celkem{grid-column:span 3;text-align:left;padding-top:0}
  .fa-radek .fa-smazat{grid-column:span 1}
  .fa-radek:not(:has(.fa-dph)) .fa-celkem{grid-column:span 5}
}