/* ===== chat ===== */
:root{--ch-me:#f8b800;--ch-me-ink:#111;--ch-other:#ffffff;--ch-bg:#f6f4ef;--ch-soft:#ecE9e2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ch-other:#242424;--ch-bg:#121212;--ch-soft:#1e1e1e}}
:root[data-theme="dark"]{--ch-other:#242424;--ch-bg:#121212;--ch-soft:#1e1e1e}

.ch-card{display:flex;flex-direction:column;height:var(--ch-h,640px);min-height:420px;background:var(--panel);border:2px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--tape);overflow:hidden}
.ch-view{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:var(--ch-bg)}

/* hlavička */
.ch-head{flex:none;display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;background:var(--panel);border-bottom:2px solid var(--ink);min-height:4.2rem}
.ch-head-txt{min-width:0;flex:1;display:grid;gap:.05rem}
.ch-head-txt strong{font:700 1.05rem/1.2 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-head-txt span{font-size:.84rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-online{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#2fa84f;margin-right:.35rem;vertical-align:.08em}
.ch-head-actions{display:flex;gap:.4rem;align-items:center;flex:none}
.ch-hbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:2px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:600 .86rem var(--body);cursor:pointer;white-space:nowrap}
.ch-hbtn:hover{border-color:var(--ink)}
@media (max-width:600px){.ch-hbtn .lbl{display:none}.ch-hbtn{padding:.45rem .55rem}}
.ch-hbtn.on{background:var(--ok);border-color:var(--ok);color:#fff}
.ch-iconbtn{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.ch-iconbtn:hover{background:var(--ch-soft)}

/* avatary */
.ch-av{flex:none;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:hsl(var(--h,40) 55% 88%);color:hsl(var(--h,40) 45% 28%);font:700 .8rem var(--body);letter-spacing:.02em}
.ch-av.lg{width:2.8rem;height:2.8rem;font-size:.95rem}
.ch-av.team{background:#111;border:2px solid #111}
.ch-av-box{width:62%;height:62%;border-radius:3px;background:linear-gradient(90deg,transparent 38%,#111 38% 60%,transparent 60%) top/100% 40% no-repeat,linear-gradient(#111,#111) 0 40%/100% 2px no-repeat,var(--tape)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ch-av:not(.team){background:hsl(var(--h,40) 30% 25%);color:hsl(var(--h,40) 60% 85%)}}
:root[data-theme="dark"] .ch-av:not(.team){background:hsl(var(--h,40) 30% 25%);color:hsl(var(--h,40) 60% 85%)}
.ch-av-sp{flex:none;width:2.2rem}

/* zprávy */
.ch-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}
.ch-msgs{display:flex;flex-direction:column;gap:.2rem;padding:1.2rem 1rem 1rem;max-width:860px;margin:0 auto}
.ch-day{display:flex;justify-content:center;margin:1rem 0 .6rem}
.ch-day span{padding:.2rem .7rem;border-radius:99px;background:var(--ch-soft);color:var(--muted);font:600 .75rem var(--body);text-transform:capitalize}
.ch-m{display:flex;align-items:flex-end;gap:.55rem;max-width:min(78%,560px);margin-top:.55rem}
.ch-m.cont{margin-top:0}
.ch-m.mine{align-self:flex-end;flex-direction:row-reverse}
.ch-m.mine .ch-av-sp{display:none}
.ch-m-body{display:grid;gap:.25rem;justify-items:start;min-width:0}
.ch-m.mine .ch-m-body{justify-items:end}
.ch-who{font:600 .76rem var(--body);color:var(--muted);padding:0 .6rem}
.ch-bubble{max-width:100%;padding:.6rem .85rem;border-radius:18px;background:var(--ch-other);color:var(--ink);border:1px solid var(--line);box-shadow:0 1px 1px rgba(0,0,0,.04)}
.ch-m:not(.mine).cont .ch-bubble{border-top-left-radius:6px}
.ch-m:not(.mine).more .ch-bubble{border-bottom-left-radius:6px}
.ch-m.mine .ch-bubble{background:var(--ch-me);color:var(--ch-me-ink);border-color:transparent}
.ch-m.mine.cont .ch-bubble{border-top-right-radius:6px}
.ch-m.mine.more .ch-bubble{border-bottom-right-radius:6px}
.ch-m.team:not(.mine) .ch-bubble{border-color:rgba(248,184,0,.6)}
.ch-m.temp{opacity:.7}
.ch-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:.98rem}
.ch-text a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ch-time{display:flex;align-items:center;gap:.4rem;padding:0 .5rem;font:500 .7rem var(--mono);color:var(--muted)}
.ch-status{display:inline-flex;align-items:center;gap:.2rem}
.ch-status.read{color:#1d8fd6}

/* systémové události (uzavření / znovuotevření) */
.ch-event{display:flex;justify-content:center;margin:.9rem 0 .5rem}
.ch-event span{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:99px;background:var(--ch-soft);color:var(--muted);font:600 .78rem var(--body);text-align:center}
.ch-event.ev-closed span{background:rgba(200,50,30,.1);color:var(--stamp)}
.ch-event.ev-reopened span,.ch-event.ev-created span{background:rgba(31,122,58,.12);color:var(--ok)}
.ch-event.ev-claimed span{background:rgba(29,143,214,.12);color:#1d73b0}
.ch-composer.locked .ch-row,.ch-composer.locked .ch-hint,.ch-composer.locked .ch-tray,.ch-composer.locked .ch-metabox{display:none}
.ch-event time{font-weight:500;opacity:.8}
.ch-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.7rem .9rem;border-radius:10px;background:var(--ch-soft);color:var(--ink);font-weight:600;font-size:.9rem}
.ch-notice svg{flex:none;color:var(--stamp)}
.ch-notice span{flex:1;min-width:12rem}
.ch-notice button,.ch-notice a{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border:2px solid var(--ink);border-radius:8px;background:var(--panel);color:var(--ink);font:700 .84rem var(--body);cursor:pointer;text-decoration:none}
.ch-notice a.primary,.ch-notice button.primary{background:var(--tape);border-color:#111;color:#111}
.ch-confirm{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}
.ch-hbtn.danger{border-color:var(--stamp);color:var(--stamp)}

/* karta s kalkulací */
.ch-meta-head{display:block;font:700 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:.35rem}
.ch-meta{border:1.5px dashed currentColor;border-radius:10px;padding:.55rem .7rem;margin-bottom:.5rem}
.ch-meta:last-child{margin-bottom:0}
.ch-meta dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;margin:0;font-size:.88rem}
.ch-meta dt{opacity:.75}
.ch-meta dd{margin:0;font-weight:700}

/* přílohy ve zprávách */
.ch-imgs{display:grid;gap:3px;border-radius:16px;overflow:hidden;max-width:min(340px,100%)}
.ch-imgs.n2,.ch-imgs.n4{grid-template-columns:1fr 1fr}
.ch-imgs.n3{grid-template-columns:1fr 1fr}
.ch-imgs.n3 .ch-img:first-child{grid-column:span 2}
.ch-img{display:block;padding:0;border:0;background:var(--ch-soft);cursor:zoom-in;min-width:0}
.ch-img img{display:block;width:100%;height:100%;max-height:340px;object-fit:cover}
.ch-imgs:not(.n1) .ch-img img{aspect-ratio:1;max-height:none}
.ch-imgs.n1 .ch-img img{min-width:120px;min-height:80px}
.ch-video{display:block;max-width:min(340px,100%);max-height:320px;border-radius:16px;background:#000}
.ch-file{display:flex;align-items:center;gap:.7rem;width:min(320px,100%);padding:.6rem .7rem;border:1px solid var(--line);border-radius:14px;background:var(--ch-other);color:var(--ink);text-decoration:none}
.ch-file:hover{border-color:var(--ink)}
.ch-file-txt{display:grid;min-width:0;flex:1}
.ch-file-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-file-sub{font-size:.78rem;color:var(--muted)}
.ch-file-dl{color:var(--muted)}
.ch-fbadge{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:8px;background:#6b7280;color:#fff;font:800 .64rem var(--mono);letter-spacing:.04em}
.ch-fbadge.t-pdf{background:#d93025}
.ch-fbadge.t-doc,.ch-fbadge.t-docx,.ch-fbadge.t-odt{background:#2b5fb4}
.ch-fbadge.t-xls,.ch-fbadge.t-xlsx,.ch-fbadge.t-csv,.ch-fbadge.t-ods{background:#1e7a45}
.ch-fbadge.t-ppt,.ch-fbadge.t-pptx{background:#c4511f}
.ch-fbadge.t-zip{background:#7c5a1e}
.ch-fbadge.t-mp4,.ch-fbadge.t-mov{background:#6d3fc0}

/* uvítání */
.ch-welcome{align-self:center;max-width:460px;margin:1.5rem auto;text-align:center;display:grid;justify-items:center;gap:.6rem;padding:1.6rem 1.4rem;border:2px dashed var(--line);border-radius:16px;background:var(--panel)}
.ch-welcome .ch-av{width:3.4rem;height:3.4rem}
.ch-welcome h3{font-size:1.3rem}
.ch-welcome p{color:var(--muted);font-size:.95rem}
.ch-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.4rem}
.ch-quick button{padding:.45rem .8rem;border:2px solid var(--ink);border-radius:99px;background:var(--panel);color:var(--ink);font:600 .86rem var(--body);cursor:pointer}
.ch-quick button:hover{background:var(--tape);color:#111;border-color:#111}

.ch-jump{position:absolute;left:50%;bottom:6.5rem;transform:translateX(-50%);z-index:3;padding:.45rem .9rem;border:2px solid #111;border-radius:99px;background:var(--tape);color:#111;font:700 .85rem var(--body);box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer}

/* skladatel */
.ch-composer{flex:none;display:grid;gap:.45rem;padding:.7rem .8rem .6rem;background:var(--panel);border-top:2px solid var(--ink);padding-bottom:max(.6rem,env(safe-area-inset-bottom,0px))}
.ch-row{display:flex;align-items:flex-end;gap:.35rem}
.ch-tool{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.ch-tool:hover{background:var(--ch-soft);color:var(--ink)}
.ch-cam{display:none}
@media (hover:none) and (pointer:coarse){.ch-cam{display:grid}}
.ch-input{flex:1;min-width:0;max-height:180px;padding:.62rem .95rem;border:2px solid var(--line);border-radius:22px;background:var(--ch-bg);color:var(--ink);font:500 1rem/1.4 var(--body);resize:none;transition:border-color .15s}
.ch-input:focus{outline:none;border-color:var(--ink);background:var(--panel)}
.ch-send{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:2px solid #111;border-radius:50%;background:var(--tape);color:#111;cursor:pointer;transition:transform .12s,opacity .15s}
.ch-send:hover:not(:disabled){transform:scale(1.06)}
.ch-send:active:not(:disabled){transform:scale(.94)}
.ch-send:disabled{opacity:.35;cursor:not-allowed}
.ch-hint{font:500 .7rem var(--mono);color:var(--muted);padding-left:3.2rem}
@media (hover:none){.ch-hint{display:none}}
.ch-err{display:flex;gap:.4rem;padding:.5rem .7rem;border-radius:8px;background:rgba(200,50,30,.1);color:var(--stamp);font-weight:600;font-size:.88rem}

.ch-tray{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem 0 .2rem}
.ch-chip{position:relative;flex:none;display:flex;align-items:center;gap:.55rem;width:220px;padding:.4rem 2rem .4rem .4rem;border:2px solid var(--line);border-radius:12px;background:var(--ch-bg);overflow:hidden}
.ch-chip.s-err{border-color:var(--stamp)}
.ch-chip.s-err .ch-chip-sub{color:var(--stamp)}
.ch-chip-thumb{flex:none;width:2.6rem;height:2.6rem;border-radius:8px;object-fit:cover;display:grid;place-items:center}
.ch-chip-txt{display:grid;min-width:0}
.ch-chip-name{font-weight:600;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-chip-sub{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-chip-bar{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--p) * 100%);background:var(--tape);transition:width .15s}
.ch-x{position:absolute;top:.3rem;right:.3rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;border-radius:50%;background:var(--ch-soft);color:var(--ink);cursor:pointer}
.ch-x:hover{background:var(--ink);color:var(--panel)}
.ch-metabox{position:relative;display:flex;align-items:center;gap:.7rem;padding:.55rem 2.4rem .55rem .6rem;border:2px solid #111;border-radius:12px;background:var(--tape);color:#111}
.ch-metabox div{display:grid;font-size:.86rem}
.ch-metabox strong{font-size:.9rem}
.ch-meta-ico{flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:8px;background:#111;color:var(--tape);font:800 .8rem var(--mono)}
.ch-metabox .ch-x{top:50%;transform:translateY(-50%);right:.5rem;background:rgba(0,0,0,.1);color:#111}

.ch-drop{position:absolute;inset:.6rem;z-index:5;display:grid;place-items:center;border:3px dashed #111;border-radius:12px;background:rgba(248,184,0,.92);color:#111;pointer-events:none}
.ch-drop div{display:grid;justify-items:center;gap:.4rem;text-align:center}
.ch-drop strong{font:800 1.3rem var(--display)}

/* prohlížeč fotek */
.ch-lb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,10,10,.94);color:#fff}
.ch-lb[open]{display:grid;place-items:center}
.ch-lb::backdrop{background:rgba(0,0,0,.6)}
.ch-lb-img{max-width:calc(100vw - 2rem);max-height:calc(100dvh - 6rem);object-fit:contain;border-radius:6px}
.ch-lb-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;padding-top:max(.7rem,env(safe-area-inset-top,0px));background:linear-gradient(rgba(0,0,0,.6),transparent)}
.ch-lb-cap{flex:1;min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-lb-btn{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.ch-lb-btn:hover{background:rgba(255,255,255,.25)}
.ch-lb-nav{position:fixed;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.ch-lb-nav.prev{left:1rem}
.ch-lb-nav.next{right:1rem}
.ch-lb-nav:hover{background:rgba(255,255,255,.28)}
@media (hover:none){.ch-lb-nav{display:none}}

/* ===== účet: záložky ===== */
.ptabs{background:#111;border-bottom:2px solid #111}
.ptabs .wrap{display:flex;gap:.3rem;overflow-x:auto}
.ptabs a{flex:none;display:flex;align-items:center;gap:.5rem;padding:.95rem 1.1rem .85rem;color:#cfcfcf;text-decoration:none;font:700 .78rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:4px solid transparent}
.ptabs a:hover{color:#fff}
.ptabs a[aria-selected="true"]{color:var(--tape);border-bottom-color:var(--tape)}
.ptabs .ptabs-admin{margin-left:auto;color:var(--tape)}
.ptabs-n{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:99px;background:var(--stamp);color:#fff;font-size:.72rem;letter-spacing:0}
@media (max-width:600px){.ptabs a{padding:.85rem .7rem .75rem;font-size:.7rem}}
.chat-section{padding:1.2rem 0 1.6rem}
main.is-chat .acct-hero{display:none}
@media (max-width:600px){
  .chat-section{padding:.5rem 0 .6rem}
  .chat-section .wrap{padding:0 .5rem}
  .ch-card{box-shadow:none;border-radius:10px}
  .ch-m{max-width:88%}
  .ch-msgs{padding:1rem .6rem .8rem}
}

/* ===== administrace: schránka ===== */
.adm-bar{background:var(--cardboard);color:#111;border-bottom:2px solid #111}
.adm-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;padding-block:.8rem}
.adm-bar h1{font-size:1.5rem;font-weight:800;margin-right:auto}
.adm-stats{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.adm-stats li{display:flex;align-items:baseline;gap:.4rem;padding:.3rem .7rem;border:2px solid #111;border-radius:8px;background:var(--paper);font-size:.82rem}
.adm-stats b{font:800 1.1rem var(--display)}
.inbox-section{padding:1rem 0 1.4rem}
@media (max-width:600px){.adm-bar .wrap{padding-block:.5rem;gap:.4rem}.adm-bar h1{font-size:1.1rem;width:100%}.adm-stats{gap:.3rem}.adm-stats li{padding:.15rem .45rem;font-size:.72rem}.adm-stats b{font-size:.9rem}}
.inbox-section>.wrap{max-width:1500px}
.inbox{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;height:var(--ch-h,640px);min-height:440px;background:var(--panel);border:2px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--tape);overflow:hidden}
.inbox.no-info{grid-template-columns:320px minmax(0,1fr)}
.inbox.no-info .ib-info{display:none}
@media (max-width:1180px){
  .inbox,.inbox.no-info{grid-template-columns:300px minmax(0,1fr)}
  .ib-info{position:absolute;right:0;top:0;bottom:0;width:min(320px,90%);z-index:6;box-shadow:-10px 0 30px rgba(0,0,0,.2)}
  .inbox{position:relative}
}
@media (max-width:760px){
  .inbox,.inbox.no-info{grid-template-columns:minmax(0,1fr)}
  .inbox.has-chat .ib-list{display:none}
  .inbox:not(.has-chat) .ib-main{display:none}
  .inbox-section .wrap{padding:0 .5rem}
  .inbox{box-shadow:none}
}
.ib-list{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:2px solid var(--ink)}
.ib-list-head{flex:none;display:grid;gap:.6rem;padding:.8rem;border-bottom:2px solid var(--line)}
.ib-search{position:relative;color:var(--muted)}
.ib-search svg{position:absolute;left:.7rem;top:50%;transform:translateY(-50%)}
.ib-search input{width:100%;padding:.55rem .7rem .55rem 2.2rem;border:2px solid var(--line);border-radius:99px;background:var(--ch-bg);color:var(--ink);font:500 .92rem var(--body)}
.ib-search input:focus{outline:none;border-color:var(--ink)}
.ib-filters{display:flex;gap:.3rem}
.ib-filters button{flex:1;display:flex;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .4rem;border:2px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:600 .8rem var(--body);cursor:pointer;white-space:nowrap}
.ib-filters button span{font:700 .7rem var(--mono)}
.ib-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.ib-items{flex:1;overflow-y:auto;list-style:none;margin:0;padding:.3rem}
.ib-empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.92rem}
.ib-item{display:flex;gap:.7rem;align-items:center;padding:.7rem .65rem;border-radius:10px;color:inherit;text-decoration:none}
.ib-item:hover{background:var(--ch-soft)}
.ib-item[aria-current="true"]{background:rgba(248,184,0,.22)}
.ib-item-txt{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem}
.ib-item-top{display:flex;align-items:baseline;gap:.5rem}
.ib-item-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-item-time{flex:none;font:500 .72rem var(--mono);color:var(--muted)}
.ib-item-bot{display:flex;align-items:center;gap:.5rem}
.ib-item-last svg{vertical-align:-.15em}
.ib-item-last.ib-closed{color:var(--ok);font-weight:600}
.ib-item-last{flex:1;min-width:0;font-size:.86rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-item.unread .ib-item-name,.ib-item.unread .ib-item-last{font-weight:800;color:var(--ink)}
.ib-item.unread .ib-item-time{color:var(--ink);font-weight:700}
.ib-badge{flex:none;display:grid;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .35rem;border-radius:99px;background:var(--stamp);color:#fff;font:700 .7rem var(--body)}
.ib-state{flex:none;width:.55rem;height:.55rem;border-radius:50%}
.ib-state.waiting{background:var(--tape);box-shadow:0 0 0 2px rgba(248,184,0,.3)}
.ib-state.answered{background:#9ca3af}
.ib-state.done{background:var(--ok)}
.ib-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.ib-blank{flex:1;display:grid;place-items:center;align-content:center;gap:.6rem;padding:2rem;text-align:center;color:var(--muted);background:var(--ch-bg)}
.ib-blank strong{font:700 1.25rem var(--display);color:var(--ink)}
.ib-back{display:none}
@media (max-width:760px){.ib-back{display:inline-grid}}
.ib-info{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-left:2px solid var(--ink);background:var(--panel)}
.ib-info-head{display:grid;justify-items:center;gap:.4rem;padding:1.4rem 1rem 1rem;text-align:center;border-bottom:2px solid var(--line)}
.ib-info-head .ch-av{width:4rem;height:4rem;font-size:1.3rem}
.ib-info-head strong{font:700 1.1rem var(--display)}
.ib-info-head span{font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}
.ib-info dl{display:grid;gap:.75rem;margin:0;padding:1rem}
.ib-info dt{font:700 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ib-info dd{margin:.1rem 0 0;font-weight:600;overflow-wrap:anywhere}
.ib-info dd a{color:inherit}
.ib-info-close{display:none;position:absolute;top:.5rem;right:.5rem}
@media (max-width:1180px){.ib-info-close{display:inline-grid}}
.ib-info{position:relative}

/* ===== úvodní stránka: výzva ke chatu ===== */
.req-card{display:grid;gap:2px;background:var(--ink);border:2px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:8px 8px 0 var(--tape)}
.req-card>*{background:var(--panel)}
.req-steps{list-style:none;margin:0;padding:1.3rem 1.2rem;display:grid;gap:1rem;counter-reset:r}
.req-steps li{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;counter-increment:r}
.req-steps li::before{content:"0" counter(r);grid-row:span 2;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:2px solid var(--ink);border-radius:6px;background:var(--tape);color:#111;font:800 .95rem var(--mono)}
.req-steps b{font:700 1.05rem var(--display)}
.req-steps span{color:var(--muted);font-size:.95rem}
.req-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:1.2rem}
.req-actions .note{color:var(--muted);font-size:.9rem}

@media (prefers-reduced-motion:reduce){.ch-send,.ch-chip-bar,.ch-tool{transition:none}}

/* ===== tickety ===== */
.ch-av.sm{width:1.4rem;height:1.4rem;font-size:.58rem}
.ch-av.xs{width:1.15rem;height:1.15rem;font-size:.5rem}
.ib-filters.wrap4{flex-wrap:wrap}
.ib-filters.wrap4 button{flex:1 1 40%}
.tk-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:.35rem}
.tk-item{display:grid;gap:.3rem;padding:.7rem .75rem;border-radius:10px;color:inherit;text-decoration:none;border:2px solid transparent}
.tk-item:hover{background:var(--ch-soft)}
.tk-item[aria-current="true"]{background:rgba(248,184,0,.18);border-color:var(--tape)}
.tk-item.is-closed{opacity:.75}
.tk-item-top{display:flex;align-items:baseline;gap:.5rem;min-width:0}
.tk-num{flex:none;font:700 .74rem var(--mono);color:var(--muted);letter-spacing:.02em}
.tk-num.lg{display:inline-grid;place-items:center;flex:none;min-width:3.4rem;height:2.4rem;padding:0 .5rem;border:2px solid var(--ink);border-radius:8px;background:var(--tape);color:#111;font-size:.82rem}
.tk-item-subj{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-item-time{flex:none;font:500 .7rem var(--mono);color:var(--muted)}
.tk-item-cust{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;min-width:0}
.tk-item-cust span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-item-last{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-item.unread .tk-item-last{color:var(--ink);font-weight:700}
.tk-item-bot{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.tk-item-cat{font-size:.74rem;color:var(--muted)}
.tk-item-bot .ib-badge{margin-left:auto}
.tk-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.08rem .45rem;border-radius:99px;font:700 .66rem var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1.5px solid currentColor;white-space:nowrap}
.tk-pill.waiting{color:#8a5a00;background:rgba(248,184,0,.22)}
.tk-pill.answered{color:var(--ok);background:rgba(31,122,58,.1)}
.tk-pill.closed{color:var(--muted)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tk-pill.waiting{color:var(--tape)}}
:root[data-theme="dark"] .tk-pill.waiting{color:var(--tape)}
.tk-claim{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;font-weight:600;color:#1d73b0}
.tk-claim.none{color:var(--muted);font-weight:500;font-style:italic}
.tk-newbtn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;border:2px solid #111;border-radius:8px;background:var(--tape);color:#111;font:700 .95rem var(--body);text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.tk-newbtn:hover{background:#ffc928;box-shadow:4px 4px 0 var(--ink)}
.inbox.tk-user{grid-template-columns:320px minmax(0,1fr)}
@media (max-width:1180px){.inbox.tk-user{grid-template-columns:290px minmax(0,1fr)}}
@media (max-width:760px){.inbox.tk-user{grid-template-columns:minmax(0,1fr)}}

/* nový ticket */
.tk-new-wrap{flex:1;min-height:0;overflow-y:auto;background:var(--ch-bg);padding:1.4rem}
@media (max-width:600px){.tk-new-wrap{padding:.7rem}}
.tk-new{max-width:720px;margin:0 auto;background:var(--panel);border:2px solid var(--ink);border-radius:12px;overflow:hidden}
.tk-new-head{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;border-bottom:2px solid var(--line)}
.tk-new-head>div{flex:1}
.tk-new-head h2{font-size:1.4rem}
.tk-new-head p{color:var(--muted);font-size:.92rem;margin-top:.2rem}
.tk-new-ico{flex:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;border:2px solid #111;border-radius:10px;background:var(--tape);color:#111}
.tk-new-body{display:grid;gap:.9rem;padding:1.1rem 1.2rem 1.4rem}
.tk-step{font:700 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tk-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}
.tk-cat{font:inherit;display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border:2px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.tk-cat:hover{border-color:var(--ink)}
.tk-cat[aria-checked="true"]{border-color:#111;background:var(--tape);color:#111;box-shadow:3px 3px 0 var(--ink)}
.tk-cat-ico{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:8px;background:var(--ch-soft);font-size:1.15rem}
.tk-cat[aria-checked="true"] .tk-cat-ico{background:rgba(255,255,255,.5)}
.tk-cat-txt{display:grid;min-width:0}
.tk-cat-txt strong{font-size:.92rem}
.tk-cat-txt span{font-size:.78rem;opacity:.75}
.tk-new-details{display:grid;gap:.9rem;padding-top:.4rem;border-top:2px dashed var(--line)}
.tk-field{display:grid;gap:.35rem}
.tk-field>span{font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tk-field small{text-transform:none;letter-spacing:0;font-weight:400}
.tk-field input,.tk-field textarea{width:100%;padding:.7rem .85rem;border:2px solid var(--line);border-radius:8px;background:var(--ch-bg);color:var(--ink);font:500 1rem/1.5 var(--body);resize:vertical}
.tk-field input:focus,.tk-field textarea:focus{outline:none;border-color:var(--ink);background:var(--panel);box-shadow:0 0 0 4px rgba(248,184,0,.35)}
.tk-new-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.tk-new-actions .btn{cursor:pointer}
.tk-new-actions .btn:disabled{opacity:.6;cursor:wait}
.tk-hint{font-size:.85rem;color:var(--muted)}

/* panel ticketu v administraci */
.ib-sec{margin:0;padding:.9rem 1rem 0;font:700 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.ib-info dl{padding-top:.6rem}
.ib-other{list-style:none;margin:0;padding:.5rem 1rem 0;display:grid;gap:.3rem}
.ib-other a{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:8px;color:inherit;text-decoration:none;font-size:.88rem}
.ib-other a:hover{background:var(--ch-soft)}
.ib-other a span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-danger{margin-top:auto;padding:1rem;border-top:2px solid var(--line)}
.ib-danger .ch-confirm{flex-wrap:wrap}

/* ===== přepisy ===== */
.adm-tabs{display:flex;gap:.3rem;margin-right:auto}
.adm-tabs a{padding:.4rem .9rem;border:2px solid #111;border-radius:8px;background:var(--paper);color:#111;font:700 .9rem var(--body);text-decoration:none}
.adm-tabs a[aria-current="page"]{background:#111;color:var(--tape)}
.tr-item{display:grid;gap:.25rem;padding:.7rem .75rem;border-radius:10px;color:inherit;text-decoration:none;border:2px solid transparent}
.tr-item:hover{background:var(--ch-soft)}
.tr-item[aria-current="true"]{background:rgba(248,184,0,.18);border-color:var(--tape)}
.tr-reason{display:inline-flex;align-items:center;gap:.25rem;padding:.08rem .45rem;border-radius:99px;font:700 .64rem var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid currentColor;color:var(--muted);white-space:nowrap}
.tr-reason.r-deleted,.tr-reason.r-account_deleted{color:var(--stamp)}
.tr-reason.r-closed{color:var(--ok)}
.tr-reason.r-manual{color:#1d73b0}
.tr-view{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--ch-bg)}
.tr-frame{flex:1;min-height:0;width:100%;border:0;background:#fff}
.tr-note{padding:.55rem 1rem;font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--line);background:var(--panel)}
.ib-trs{list-style:none;margin:0;padding:.5rem 1rem 0;display:grid;gap:.3rem}
.ib-trs a{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:8px;color:inherit;text-decoration:none;font-size:.85rem}
.ib-trs a:hover{background:var(--ch-soft)}
.ib-trs time{margin-left:auto;font:500 .72rem var(--mono);color:var(--muted)}
.ib-save{margin:.6rem 1rem 0}