/* chat pro zákazníky (src/mod-chat.mjs, public/shop-chat.js) – plovoucí tlačítko vpravo dole, panel; na mobilu nad lepicí lištou */
.chatw{--chat-lift:0px;position:fixed;right:16px;bottom:calc(16px + var(--chat-lift) + env(safe-area-inset-bottom));z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.chatw[hidden]{display:none}.chatw>*{pointer-events:auto}
.chatw .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat-fab{position:relative;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 15px;border:0;border-radius:99px;background:var(--acc);color:#fff;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 22px #0004;transition:transform .15s}
.chat-fab:hover{background:var(--acc-strong)}.chat-fab:active{transform:scale(.97)}.chat-fab:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.chat-fab .i{width:24px;height:24px}
.chat-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--volt);color:var(--volt-ink);border:2px solid var(--surface);font-size:.75rem;display:grid;place-items:center}
.chat-badge[hidden]{display:none}
.chatw.open .chat-fab{display:none}
@media (max-width:760px){.chat-fab{width:52px;padding:0;justify-content:center}.chat-fab-l{display:none}}
.chat-panel{width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px - var(--chat-lift)));display:flex;flex-direction:column;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #0005;overflow:hidden}
.chat-panel[hidden]{display:none}
.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 12px 16px;background:var(--acc);color:#fff}
.chat-head h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}
.chat-st{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:.8rem;opacity:.92}
.chat-st i{width:8px;height:8px;border-radius:50%;background:#ffffff80;flex:none}.chat-st.on i{background:#4ade80;box-shadow:0 0 0 3px #4ade8040}
.chat-x{width:36px;height:36px;border:0;border-radius:10px;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;flex:none}.chat-x:hover{background:#ffffff40}.chat-x:focus-visible{outline:2px solid #fff}
.chat-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.chat-m{max-width:85%;margin:0;padding:8px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);align-self:flex-start;font-size:.93rem;line-height:1.45}
.chat-m p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-m small{display:block;margin-top:2px;font-size:.7rem;color:var(--muted)}
.chat-m.me{align-self:flex-end;background:var(--acc);border-color:var(--acc);color:#fff;border-bottom-right-radius:4px}.chat-m.me small{color:#ffffffc0}
.chat-m.shop{border-bottom-left-radius:4px}
.chat-m.sys{align-self:center;background:var(--acc-soft);border:0;color:var(--fg);font-size:.82rem;text-align:center}
.chat-form{border-top:1px solid var(--line);padding:8px 10px 10px;background:var(--surface)}
.chat-form.busy .chat-send{opacity:.5;pointer-events:none}
.chat-who{font-size:.85rem;margin:0 2px 6px}.chat-who summary{cursor:pointer;color:var(--fg);font-weight:600;padding:4px 0}.chat-who summary small{font-weight:400;color:var(--muted)}
.chat-who-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0 6px}
.chat-who-f label{display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--muted)}
.chat-who-f input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--fg);font:inherit;font-size:16px;min-width:0}
.chat-row{display:flex;align-items:flex-end;gap:8px}
.chat-row textarea{flex:1;min-width:0;min-height:44px;max-height:140px;resize:none;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--fg);font:inherit;font-size:16px;line-height:1.35}
.chat-row textarea:focus,.chat-who-f input:focus{outline:2px solid var(--acc);outline-offset:0;background:var(--surface)}
.chat-send{width:44px;height:44px;flex:none;border:0;border-radius:12px;background:var(--acc);color:#fff;display:grid;place-items:center;cursor:pointer}.chat-send:hover{background:var(--acc-strong)}.chat-send:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
.chat-err{margin:0 2px 6px;color:var(--err);font-size:.85rem;font-weight:600}.chat-err[hidden]{display:none}
.chat-note{margin:6px 2px 0;font-size:.7rem;color:var(--muted)}.chat-note a{color:inherit}
/* mobil: panel přes celou šířku jako spodní list */
@media (max-width:560px){
  .chatw.open{left:0;right:0;bottom:0}
  .chatw.open .chat-panel{width:100%;height:calc(100dvh - 56px);max-height:none;border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  .chat-who-f{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.chat-fab{transition:none}}
@media print{.chatw{display:none}}