.sec-fab{z-index:40;background:var(--brand);color:var(--on-brand);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:transform .15s;display:inline-flex;position:fixed;inset-block-end:20px;inset-inline-end:20px;box-shadow:0 6px 20px #00000047}.sec-fab:hover{transform:scale(1.04)}.sec-panel{z-index:41;background:var(--surface);block-size:min(560px,100dvh - 40px);inline-size:min(380px,100vw - 24px);color:var(--ink);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;position:fixed;inset-block-end:20px;inset-inline-end:20px;overflow:hidden;box-shadow:0 12px 40px #0000004d}.sec-head{background:var(--brand);color:var(--on-brand);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.sec-head strong{font-size:1rem}.sec-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:1.4rem;line-height:1}.sec-msgs{background:var(--surface-2);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.sec-msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-inline-size:85%;padding:8px 12px;line-height:1.6}.sec-msg[data-from=client]{background:var(--brand);color:var(--on-brand);align-self:flex-start}.sec-msg[data-from=bot]{background:var(--surface);border:1px solid var(--line);align-self:flex-end}.sec-msg[data-from=staff]{background:var(--ok-soft);border:1px solid var(--line);align-self:flex-end}.sec-note{color:var(--ink-3);text-align:center;align-self:center;font-size:.8rem}.sec-form{border-block-start:1px solid var(--line);background:var(--surface);gap:8px;padding:10px;display:flex}.sec-form input{border:1px solid var(--line-strong);background:var(--surface);min-inline-size:0;color:var(--ink);font:inherit;border-radius:10px;flex:1;padding:10px 12px}.sec-form button{background:var(--brand);color:var(--on-brand);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-weight:700}.sec-form button:disabled{opacity:.55;cursor:default}.sec-inline{block-size:min(760px,100dvh - 120px);inline-size:min(640px,100% - 24px);box-shadow:var(--shadow-1);margin:0 auto;position:static;inset:auto}.sec-chat-page{background:var(--bg);grid-template-rows:auto 1fr;gap:12px;min-block-size:100dvh;padding:16px 0;display:grid}.sec-chat-head{justify-content:center;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}@media (max-width:720px){.sf[data-app] .sec-fab{inset-block-end:92px}}