/* bezpostara.sk – visual language of sluzobnacesta.sk (teal brand, amber stamp, paper/ink, IBM Plex Sans + Bricolage Grotesque). */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+02C7,U+02D8-02DD,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+02C7,U+02D8-02DD,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+02C7,U+02D8-02DD,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF}

/* Metric-matched fallbacks (vs Arial/Liberation Sans): font swap causes no layout shift. */
@font-face{font-family:"Plex Fallback";font-weight:400;src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:100.32%;ascent-override:102.17%;descent-override:27.41%;line-gap-override:0%}
@font-face{font-family:"Plex Fallback";font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Helvetica Bold");size-adjust:97.57%;ascent-override:105.06%;descent-override:28.19%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Helvetica Bold");size-adjust:100.69%;ascent-override:92.36%;descent-override:26.81%;line-gap-override:0%}


:root{
  --brand-50:#edfbf6;--brand-300:#73d8bd;--brand-500:#1aa085;--brand-600:#0e7c6b;--brand-700:#0c6357;--brand-800:#0d4f47;
  --stamp-50:#fdf6e9;--stamp-400:#e8a13a;--stamp-600:#bd6717;--stamp-700:#974a16;
  --bg:#f4f6f5;--surface:#fff;--field:#fff;--ink:#16233a;--ink-soft:#4a5870;--border:#d5ddd9;--line:#e6ebe8;
  --accent:var(--brand-700);--tint:var(--brand-50);--danger:#b42318;--shadow:0 10px 18px -14px rgb(22 35 58 / .45);
  --banner-bg:#16233a;--banner-ink:#fff;
  --font-sans:"IBM Plex Sans","Plex Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-display:"Bricolage Grotesque","Bricolage Fallback",ui-sans-serif,system-ui,sans-serif;
  --r-sm:.375rem;--r-md:.5rem;--r-lg:.75rem;--r-xl:1rem;--wrap:72rem;
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#0c141d;--surface:#131f2c;--field:#0e1823;--ink:#e8eef3;--ink-soft:#9fb0c1;--border:#2b3d50;--line:#1e2d3d;
  --accent:#5fd9b8;--tint:#12302b;--danger:#ff8a80;--shadow:0 18px 32px -20px rgb(0 0 0 / .8);
  --banner-bg:#0d4f47;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:400 1rem/1.6 var(--font-sans);color:var(--ink);background:var(--bg);overflow-wrap:break-word}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,7vw,3.5rem);letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,4vw,2.1rem)}
h3{font-size:1.1rem}
p{margin:0 0 1em}
a{color:var(--accent);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--stamp-400);outline-offset:2px;border-radius:2px}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:50}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1rem}
.narrow{max-width:48rem}
.small{font-size:.875rem;color:var(--ink-soft)}
.opt{font-weight:400;color:var(--ink-soft);font-size:.85em}
.lead{font-size:1.1rem;max-width:44rem;color:var(--ink-soft)}

/* announcement bar + header */
.banner{background:var(--banner-bg);color:var(--banner-ink);font-size:.9rem;line-height:1.4;padding:.55rem 0;text-align:center}
.banner a{color:#f7c873;font-weight:600}
.banner strong{font-weight:600}
.top{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}
.top-in{display:flex;align-items:center;gap:.75rem;min-height:3.75rem}
.logo{font:700 1.2rem/1 var(--font-display);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.5rem;margin-right:auto}
.logo b{color:var(--accent)}
.logo-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--r-md);background:var(--brand-600);color:#fff;font-size:1.1rem}
.top nav{display:none;gap:.25rem}
.top nav a{color:var(--ink-soft);text-decoration:none;padding:.5rem .75rem;border-radius:var(--r-md);font-weight:600;font-size:.95rem}
.top nav a:hover{background:var(--bg);color:var(--ink)}
.coffee{display:inline-flex;align-items:center;gap:.35rem;flex:none;min-height:2.5rem;padding:0 .9rem;border-radius:var(--r-md);background:#ffdd00;color:#000;font:600 .9rem/1 var(--font-sans);text-decoration:none;white-space:nowrap}
.coffee:hover{background:#ffe53d}
.coffee img{display:block;height:1.25rem;width:auto}
.theme-btn{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--ink);cursor:pointer;padding:0}
.theme-btn:hover{border-color:var(--ink-soft)}
.theme-btn .i-sun{display:none}
:root[data-theme=dark] .theme-btn .i-sun{display:block}
:root[data-theme=dark] .theme-btn .i-moon{display:none}
@media (min-width:44rem){.top nav{display:flex}.logo{margin-right:0}.top-in{justify-content:space-between}.top nav{margin:0 auto}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.6rem 1.15rem;border-radius:var(--r-md);font:600 1rem/1.2 var(--font-sans);text-decoration:none;cursor:pointer;border:1px solid transparent}
.btn-primary{background:var(--brand-600);color:#fff}
.btn-primary:hover{background:var(--brand-700)}
.btn-lg{min-height:3.25rem;padding:.75rem 1.6rem;font-size:1.05rem}
.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}
.btn-secondary:hover{border-color:var(--ink-soft)}
.btn-ghost{background:transparent;color:var(--accent);border-color:var(--border)}
.btn-ghost:hover{background:var(--tint)}
.btn[disabled]{opacity:.6;cursor:progress}
.small-btn{min-height:2.5rem;padding:.4rem .9rem;font-size:.9rem}
.linkbtn{background:none;border:0;padding:.25rem;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer}

/* hero */
.hero{padding:1.75rem 0 2rem}
.hero h1 span{color:var(--brand-600)}
:root[data-theme=dark] .hero h1 span{color:var(--accent)}
.hero .lead{margin-bottom:1rem}
/* intro: headline left, chat window right (stacked on phones). Layout is reserved up front, so the animation never moves the page. */
.intro{display:grid;gap:1.25rem;margin-bottom:1.5rem}
@media (min-width:56rem){.intro{grid-template-columns:1fr 24rem;gap:2.5rem;align-items:center}}
.chat{width:100%;max-width:26rem;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.chat-head{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.2}
.chat-head small{display:block;color:var(--accent);font-size:.75rem}
.chat-head small::before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.3rem;border-radius:50%;background:var(--brand-500)}
.chat ol{list-style:none;margin:0;padding:.9rem;display:flex;flex-direction:column;gap:.6rem;background:var(--bg)}
.msg{display:flex}
.msg.b{justify-content:flex-end}
.av{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font:700 .95rem/1 var(--font-display);color:#fff;background:var(--brand-600)}
.bub{position:relative;max-width:88%;padding:.5rem .8rem;border-radius:1rem 1rem 1rem .25rem;background:var(--surface);border:1px solid var(--border);font-size:.95rem;line-height:1.45}
.msg.b .bub{border-radius:1rem 1rem .25rem 1rem;background:var(--brand-600);border-color:var(--brand-600);color:#fff}
.dots{display:none;position:absolute;left:.8rem;top:50%;transform:translateY(-50%);gap:.25rem}
.dots i{width:.45rem;height:.45rem;border-radius:50%;background:var(--ink-soft);animation:bp-dot 1s infinite ease-in-out}
.msg.b .dots i{background:#fff}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes bp-dot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-.2rem)}}
@keyframes bp-pop{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}
.chat-anim .msg{visibility:hidden}
.chat-anim .msg.show{visibility:visible;animation:bp-pop .25s ease-out}
.chat-anim .msg.typing .dots{display:flex}
.chat-anim .msg.typing .t{visibility:hidden}
.chat-anim .msg.said .t{animation:bp-pop .25s ease-out}
@media (prefers-reduced-motion:reduce){.chat-anim .msg.show,.chat-anim .msg.said .t,.dots i{animation:none}}
.local{display:block;width:fit-content;max-width:100%;margin:0 0 1.5rem;padding:.45rem .9rem;border:1px dashed var(--brand-600);border-radius:var(--r-md);background:var(--tint);color:var(--ink);font-size:.95rem}
.sec{padding:2.5rem 0}
.sec h2{margin-bottom:.4rem}

/* ticket card (sluzobnacesta.sk look) */
.ticket,.ticket-doc{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.1rem}
@media (min-width:44rem){
  .ticket,.ticket-doc{border:2px solid var(--ink);padding:1.75rem;box-shadow:var(--shadow)}
  :root[data-theme=dark] .ticket,:root[data-theme=dark] .ticket-doc{border-color:var(--border)}
  .ticket::before,.ticket-doc::before{content:"";position:absolute;inset:.4rem;border:1px dashed var(--border);border-radius:calc(var(--r-xl) - .3rem);pointer-events:none}
  .ticket::after{content:"UBL 2.1";position:absolute;top:-.9rem;right:1.5rem;border:2px solid var(--stamp-400);background:var(--surface);color:var(--stamp-600);border-radius:999px;padding:.15rem .9rem;font:700 .8rem/1.3 var(--font-mono);letter-spacing:.12em;transform:rotate(-3deg)}
  :root[data-theme=dark] .ticket::after{color:var(--stamp-400)}
}

/* steps and fields */
fieldset{margin:0;padding:0;border:0;min-width:0}
.step{margin:0 0 1.75rem}
.step legend,.agr legend{display:flex;width:100%;align-items:center;gap:.6rem;margin:0 0 .9rem;padding:0;font:700 1.1rem/1.2 var(--font-display)}
.n{display:inline-grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--brand-600);color:#fff;font:700 .85rem/1 var(--font-mono)}
.grid2{display:grid;gap:0 2.5rem}
@media (min-width:56rem){.grid2{grid-template-columns:1fr 1fr}}
.f{display:block;margin-bottom:.9rem;min-width:0;font-weight:600;font-size:.9rem}
.f>input,.f>select{display:block;margin-top:.3rem}
label{font-size:.9rem}
input,select{font:400 1rem/1.4 var(--font-sans);color:var(--ink);background:var(--field);border:1px solid var(--border);border-radius:var(--r-md);padding:.6rem .75rem;min-height:2.9rem;width:100%;min-width:0}
input::placeholder{color:var(--ink-soft);opacity:.7}
input:focus-visible,select:focus-visible{outline:3px solid var(--stamp-400);outline-offset:0;border-color:var(--brand-600)}
input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}
.row2,.row4{display:grid;gap:0 .75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.zipcity{grid-template-columns:minmax(0,6.5rem) minmax(0,1fr)}
@media (min-width:56rem){.row4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.row4 input[type=date]{min-width:0}
.check{display:flex;align-items:center;gap:.6rem;font-weight:400;margin:.25rem 0 0;min-height:2.75rem}
.check input,.radios input{width:1.2rem;height:1.2rem;min-height:0;flex:none;accent-color:var(--brand-600)}
.radios{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-bottom:.75rem}
.radios label{display:flex;align-items:center;gap:.45rem;font-weight:400;min-height:2.75rem}
.sub-box{border-top:1px dashed var(--border);margin-top:1rem;padding-top:1rem}

/* IČO + "Načítať z registra" */
.ico-row{display:flex;gap:.5rem}
.ico-row input{flex:1 1 auto}
.ico-row .btn{flex:none;min-width:6.5rem}
.lk-msg{margin:.1rem 0 0;font:400 .82rem/1.4 var(--font-sans);color:var(--ink-soft)}
.lk-msg.ok{color:var(--accent)}
.lk-msg.err{color:var(--danger)}

/* optional fields */
.more{margin:0 0 1rem;border-top:1px dashed var(--border);padding-top:.25rem}
.more>summary{cursor:pointer;list-style:none;padding:.65rem 0;font-weight:600;font-size:.9rem;color:var(--accent);display:flex;align-items:center;gap:.4rem}
.more>summary::-webkit-details-marker{display:none}
.more>summary::before{content:"+";display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid var(--accent);border-radius:50%;font:700 .85rem/1 var(--font-mono)}
.more[open]>summary::before{content:"–"}
.more-box{margin-top:1rem}
.more-box fieldset{margin-bottom:1rem}
.more-box legend{font-size:.95rem}

/* line items: card on phones, one row on desktop */
.lines-head{display:none}
.line{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.9rem 0;border-top:1px dashed var(--border)}
.line .f{margin:0}
.line .f>span{display:block;margin-bottom:.3rem;font-weight:600;font-size:.82rem;color:var(--ink-soft)}
.line .l-name{grid-column:1/-1}
.line .l-sum{align-self:center;font:600 1rem var(--font-mono);font-variant-numeric:tabular-nums}
.line .l-del{justify-self:end}
.icon-btn{min-height:2.75rem;min-width:2.75rem;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:var(--r-md);cursor:pointer;font-size:1.2rem}
.icon-btn:hover{color:var(--danger);border-color:var(--danger)}
#add-line{margin-top:.5rem}
@media (min-width:60rem){
  .lines-head,.line{display:grid;grid-template-columns:minmax(9rem,3fr) 5rem 6rem 7.5rem 9.5rem 6.5rem 2.75rem;gap:.5rem;align-items:center}
  .lines-head{font-size:.8rem;font-weight:600;color:var(--ink-soft);padding-bottom:.4rem}
  .line{padding:.5rem 0}
  .line .l-name{grid-column:auto}
  .line .f>span{margin:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .line .l-sum{text-align:right}
}

/* done: totals + checks + actions */
.done{display:grid;gap:1rem;margin:0 0 1.25rem}
@media (min-width:44rem){.done{grid-template-columns:1fr 1fr;align-items:start}}
.totals,.checks{border-radius:var(--r-lg);padding:1rem 1.15rem}
.totals{background:var(--tint);border:1px solid var(--brand-600)}
.checks{border:1px solid var(--border)}
.totals h2,.checks h2{margin-bottom:.5rem;font:600 .75rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.totals dl{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;margin:0}
.totals dt{color:var(--ink-soft)}
.totals dd{margin:0;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.totals .grand{font-weight:700;font-size:1.5rem;color:var(--accent);line-height:1.2;padding-top:.35rem}
.errs{margin:0;padding-left:1.1rem;color:var(--danger)}
.errs a{color:inherit}
.errs li{margin-bottom:.25rem}
.errs code,.okmsg code{font-size:.75rem;color:var(--ink-soft)}
.okmsg{color:var(--accent);font-weight:600;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .75rem}
.actions .btn-primary{flex:1 1 14rem}
.agree{margin:.5rem 0 0}

/* previews and documents (always paper-white, like a printed page) */
.prev{margin-top:1rem}
.prev>summary{cursor:pointer;font-weight:600;padding:.75rem 0;color:var(--accent)}
.paper{background:#fff;color:#16233a;border:1px solid #d5ddd9;border-radius:var(--r-lg);padding:clamp(1rem,4vw,2.5rem);overflow-x:auto}
.paper h2,.paper h3{color:#16233a}
.inv-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}
.inv-top h2{margin:0;font-size:1.6rem}
.inv-meta{display:grid;grid-template-columns:auto auto;gap:.1rem .9rem;font-size:.9rem;margin:0}
.inv-meta dt{color:#46536b}.inv-meta dd{margin:0;text-align:right}
.inv-parties{display:grid;gap:1rem;margin-bottom:1.25rem}
@media (min-width:40rem){.inv-parties{grid-template-columns:1fr 1fr}}
.inv-parties h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#0e7c6b;margin-bottom:.25rem}
.inv-parties p{margin:0;font-size:.92rem}
.paper table{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.paper th,.paper td{padding:.4rem .5rem;border-bottom:1px solid #e6ebe8;text-align:left;vertical-align:top}
.paper th{font-size:.78rem;color:#46536b;font-weight:600}
.paper .num{text-align:right;white-space:nowrap}
.inv-sum{margin:1rem 0 0 auto;max-width:22rem}
.inv-sum td{border:0;padding:.15rem .5rem}
.inv-sum .grand td{font-weight:700;font-size:1.05rem;border-top:2px solid #16233a;padding-top:.4rem}
.inv-foot{margin-top:1.25rem;font-size:.85rem;color:#46536b}
.ph{background:#fdf6e9;color:#974a16;border-bottom:1px dashed #bd6717}

/* agreement */
.agr{display:grid;gap:1.5rem;align-items:start}
@media (min-width:64rem){.agr{grid-template-columns:minmax(0,25rem) minmax(0,1fr);gap:2.5rem}.agr-prev{position:sticky;top:5rem}}
.agr #agr-copy{margin-bottom:1.25rem}
.doc{font-family:Georgia,"Times New Roman",serif;line-height:1.55;max-height:80vh;overflow:auto}
.doc h1{font-family:inherit;font-size:1.3rem;text-align:center;margin-bottom:.25rem;letter-spacing:0}
.doc h2{font-family:inherit;font-size:1.02rem;text-align:center;margin:1.25rem 0 .5rem}
.doc .center{text-align:center}.doc .sub{font-style:italic;margin-bottom:1.25rem}
.doc .sig{display:inline-block;width:48%;vertical-align:top;margin-top:1.5rem}
.doc .note{font-size:.8rem;color:#46536b;margin-top:2rem}
.doc[contenteditable=true]{outline:3px dashed var(--stamp-400);outline-offset:4px}

/* FAQ, legal, footer */
.faq{border-top:2px solid var(--ink);margin-top:1.25rem}
/* skip rendering of off-screen blocks until they are scrolled near */
#faq,.foot{content-visibility:auto;contain-intrinsic-size:auto 700px}
.faq h3{margin:0;padding:1.1rem 0 .3rem;font-size:1.1rem}
.faq p{margin:0;padding-bottom:1.1rem;border-bottom:1px dashed var(--border);color:var(--ink-soft)}
.legal-page{padding:2.5rem 0 1rem}
.legal-page h1{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:.25rem}
.legal-page h2{font-size:1.15rem;margin:1.75rem 0 .4rem}
.legal-page code{font-family:var(--font-mono);font-size:.85em}
.legal-page ul{padding-left:1.25rem}
.table-wrap{overflow-x:auto}
.legal-page table{border-collapse:collapse;width:100%;font-size:.9rem}
.legal-page th,.legal-page td{border:1px solid var(--border);padding:.45rem .6rem;text-align:left;vertical-align:top}
.legal-page th{background:var(--surface)}
.summary{background:var(--tint);border:1px dashed var(--brand-600);border-radius:var(--r-md);padding:.9rem 1.1rem;margin:1rem 0}
.summary p{margin:0}
.foot{margin-top:2rem;padding:1.5rem 0 2.5rem;border-top:1px solid var(--border);background:var(--surface);font-size:.9rem}
.foot p{margin:0 0 .5rem}
.foot nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center}

/* print: only the chosen document */
@media print{
  @page{margin:15mm}
  body{background:#fff;color:#000;font-size:11pt}
  .banner,.top,.foot,main>section{display:none!important}
  .chat{display:none}
  html.print-invoice #generator,html.print-agreement #dohoda{display:block!important;padding:0;background:#fff}
  html.print-invoice #generator .wrap>:not(.prev){display:none!important}
  html.print-invoice .prev>summary{display:none}
  html.print-agreement #dohoda .wrap>:not(.agr),html.print-agreement .agr>form,html.print-agreement .agr-prev>:not(#agr-preview){display:none!important}
  .agr{display:block}.ticket-doc{border:0;padding:0;box-shadow:none}.ticket-doc::before{display:none}
  .paper{border:0;padding:0;max-height:none;overflow:visible}
  .ph{background:none;border:0;color:#000}
  .doc[contenteditable=true]{outline:0}
}