.hcc{position:fixed;left:18px;bottom:18px;z-index:99998;font-family:var(--f-body,system-ui,sans-serif)}
.hcc *{box-sizing:border-box}
.hcc-fab{position:relative;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,#00b2ff,#006aff 55%,#a334fa);box-shadow:0 8px 24px rgba(0,106,255,.38);transition:transform .2s,box-shadow .2s}
.hcc-fab:hover{transform:scale(1.07);box-shadow:0 10px 28px rgba(0,106,255,.5)}
.hcc-fab:focus-visible,.hcc-x:focus-visible,.hcc-go:focus-visible,.hcc-quick a:focus-visible{outline:3px solid #e8b923;outline-offset:2px}
.hcc-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:#e41e3f;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.hcc.is-seen .hcc-badge{display:none}
.hcc-tip{position:absolute;left:68px;bottom:12px;background:#fff;color:#0b1a33;font-size:14px;font-weight:600;padding:9px 14px;border-radius:14px;box-shadow:0 6px 20px rgba(11,26,51,.18);white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(-6px);transition:.3s;pointer-events:none}
.hcc.show-tip:not(.is-open) .hcc-tip{opacity:1;visibility:visible;transform:none}
.hcc-card{position:absolute;left:0;bottom:72px;width:min(340px,calc(100vw - 36px));background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(11,26,51,.3);transform-origin:bottom left;animation:hccIn .22s ease-out}
.hcc-card[hidden]{display:none}
@keyframes hccIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.hcc-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;color:#fff;background:linear-gradient(135deg,#0b1a33,#16326a)}
.hcc-av{width:42px;height:42px;border-radius:50%;background:#e8b923;color:#0b1a33;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.hcc-who{flex:1;min-width:0;line-height:1.3}
.hcc-who strong{display:block;font-size:16px}
.hcc-status{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.9}
.hcc-dot{width:9px;height:9px;border-radius:50%;background:#9aa6bd;display:inline-block}
.hcc.is-online .hcc-dot{background:#31d158;box-shadow:0 0 0 3px rgba(49,209,88,.25)}
.hcc-x{background:rgba(255,255,255,.14);border:0;color:#fff;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.hcc-x:hover{background:rgba(255,255,255,.26)}
.hcc-body{padding:16px;background:#f4f6fb;max-height:46vh;overflow-y:auto}
.hcc-msg{margin:0 0 8px;background:#fff;color:#1c2740;padding:10px 13px;border-radius:4px 16px 16px 16px;font-size:14.5px;line-height:1.5;box-shadow:0 1px 2px rgba(11,26,51,.08);max-width:92%}
.hcc-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hcc-quick a{font-size:13px;font-weight:600;color:#0b5bd3;background:#fff;border:1px solid #cfe0fb;border-radius:999px;padding:6px 13px;text-decoration:none}
.hcc-quick a:hover{background:#0b5bd3;color:#fff}
.hcc-go{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px;padding:13px 16px;border-radius:12px;background:#0b5bd3;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.hcc-go:hover{background:#094aaa;color:#fff}
@media(max-width:600px){.hcc{left:12px;bottom:12px}.hcc-fab{width:54px;height:54px}.hcc-card{bottom:66px}.hcc-tip{display:none}}
@media(prefers-reduced-motion:reduce){.hcc-card{animation:none}.hcc-fab{transition:none}}
@media print{.hcc{display:none}}