.oc-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;background:#0B4F55;color:#fff;border:0;border-radius:999px;padding:14px 22px 14px 18px;font-size:15px;font-weight:600;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 10px 30px #0b4f5566;transition:transform .15s,box-shadow .15s}
.oc-fab:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0b4f5588}
.oc-fab:focus-visible,.oc-panel button:focus-visible,.oc-panel input:focus-visible,.oc-panel a:focus-visible{outline:3px solid #CE3337;outline-offset:2px}
.oc-fab svg{width:22px;height:22px;flex:none}
.oc-panel{position:fixed;right:20px;bottom:20px;z-index:101;width:380px;max-width:calc(100vw - 24px);height:min(600px,calc(100dvh - 40px));display:none;flex-direction:column;background:#fff;color:#0E1418;border:1px solid #ddd;border-radius:20px;box-shadow:0 20px 60px #0004;overflow:hidden;font-family:inherit}
.oc-panel.open{display:flex}
.oc-head{background:#0B4F55;color:#fff;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.oc-head strong{display:block;font-size:16px}
.oc-head small{display:block;opacity:.85;font-size:12px;line-height:1.4;margin-top:3px}
.oc-close{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.oc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#FAFAF8}
.oc-m{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-line;word-wrap:break-word}
.oc-bot{background:#fff;border:1px solid #e4e4e0;align-self:flex-start;border-bottom-left-radius:4px}
.oc-me{background:#0B4F55;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.oc-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.oc-links a{font-size:12px;font-weight:600;color:#0B4F55;background:#e8f1f1;border-radius:999px;padding:6px 11px;text-decoration:none}
.oc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px;background:#FAFAF8}
.oc-chips button{font:inherit;font-size:12.5px;background:#fff;border:1px solid #0B4F55;color:#0B4F55;border-radius:999px;padding:7px 12px;cursor:pointer}
.oc-chips button:hover{background:#0B4F55;color:#fff}
.oc-human{display:flex;gap:6px;padding:10px 16px;border-top:1px solid #eee;background:#fff;align-items:center;flex-wrap:wrap}
.oc-human span{font-size:12px;color:#555;margin-right:2px}
.oc-human a{font-size:12.5px;font-weight:600;text-decoration:none;border-radius:999px;padding:7px 12px;color:#fff;background:#CE3337}
.oc-human a.wa{background:#1f9d55}
.oc-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid #eee;background:#fff}
.oc-form input{flex:1;min-width:0;font:inherit;font-size:14px;border:1px solid #ccc;border-radius:12px;padding:11px 12px}
.oc-form button{font:inherit;font-weight:600;background:#CE3337;color:#fff;border:0;border-radius:12px;padding:0 16px;cursor:pointer}
.oc-form button:disabled{opacity:.5;cursor:default}
.oc-note{font-size:11px;color:#777;padding:0 14px 10px;background:#fff}
.oc-typing{opacity:.6;font-style:italic}
@media(max-width:600px){.oc-fab{right:12px;bottom:12px;padding:13px 18px 13px 14px}.oc-panel{right:0;bottom:0;left:0;width:100%;max-width:100%;height:calc(100dvh - 24px);border-radius:20px 20px 0 0}}
@media(prefers-reduced-motion:reduce){.oc-fab{transition:none}}
.oc-dots{display:flex;gap:5px;align-items:center;padding:14px 16px}.oc-dots span{width:7px;height:7px;border-radius:50%;background:#0B4F55;opacity:.35;animation:ocdot 1.2s infinite ease-in-out}.oc-dots span:nth-child(2){animation-delay:.2s}.oc-dots span:nth-child(3){animation-delay:.4s}@keyframes ocdot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.oc-dots span{animation:none;opacity:.6}}