#apc-widget{--apc-red:#d71920;--apc-orange:#f47b20;--apc-green:#24c875;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2147482000;font-family:Roboto,Arial,sans-serif;color:#191919;line-height:1.4}
#apc-widget *{box-sizing:border-box}
#apc-toggle{position:relative;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--apc-red),var(--apc-orange));color:#fff;box-shadow:0 10px 30px #0004;cursor:pointer;font-size:25px}
#apc-widget.is-online #apc-toggle::before{content:"";position:absolute;right:0;bottom:1px;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--apc-green);box-shadow:0 0 0 3px rgba(36,200,117,.22),0 0 12px rgba(36,200,117,.8);animation:apc-presence-pulse 2.2s ease-in-out infinite}
@keyframes apc-presence-pulse{50%{box-shadow:0 0 0 7px rgba(36,200,117,0),0 0 14px rgba(36,200,117,.9)}}
#apc-toggle[data-count]:not([data-count="0"])::after{content:attr(data-count);position:absolute;right:-2px;top:-5px;background:#111;color:#fff;border:2px solid #fff;border-radius:99px;min-width:23px;padding:2px 5px;font-size:12px}
#apc-panel{position:absolute;right:0;bottom:74px;width:min(380px,calc(100vw - 24px));height:min(570px,calc(100vh - 120px));background:#fff;border-radius:16px;box-shadow:0 18px 55px #0005;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
#apc-panel[hidden]{display:none!important}
#apc-head{min-height:68px;background:#111;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
#apc-head strong{display:block;color:#fff;font-size:15px;line-height:20px}
#apc-state{width:max-content;max-width:100%;margin-top:4px;padding:4px 9px 4px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;background:#343434;color:#ddd;font-size:12px;font-weight:600;transition:background .2s,color .2s}
.apc-state-dot{display:block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#999}
#apc-widget.is-online #apc-state{background:rgba(36,200,117,.17);color:#7bf0ad;box-shadow:inset 0 0 0 1px rgba(66,224,139,.25)}
#apc-widget.is-online .apc-state-dot{background:var(--apc-green);box-shadow:0 0 0 3px rgba(36,200,117,.2),0 0 10px rgba(36,200,117,.7)}
#apc-widget.is-offline .apc-state-dot{background:#f0a53a}
#apc-close{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
#apc-body{padding:14px;overflow:auto;background:#f4f4f4}
#apc-messages{display:flex;flex-direction:column;gap:8px}
.apc-msg{max-width:85%;padding:9px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0001;white-space:pre-wrap;overflow-wrap:anywhere}
.apc-msg.client{align-self:flex-end;background:#ffe2d3}
.apc-msg.operator{align-self:flex-start}
.apc-msg time{display:block;font-size:10px;color:#666;text-align:right;margin-top:3px}
.apc-receipt{color:#8b8b8b;font-size:13px;font-weight:800;letter-spacing:-3px;padding-right:3px}
.apc-receipt.seen{color:#1689ff}
.apc-typing{width:max-content;margin:7px 2px;padding:7px 11px;border-radius:13px;background:#fff;color:#777;font-size:12px;font-style:italic;box-shadow:0 1px 2px #0001}
.apc-typing[hidden]{display:none!important}
#apc-offline{background:#fff3cd;padding:10px 11px;border:1px solid #f1dda0;border-radius:9px;margin-bottom:10px;font-size:13px}
#apc-offline[hidden]{display:none!important}
#apc-contact{display:grid;gap:8px;margin-bottom:10px;padding:11px;background:#fff;border:1px solid #e4e1e5;border-radius:11px}
#apc-contact[hidden]{display:none!important}
#apc-contact .apc-contact-title{margin:0 0 2px;color:#333;font-size:13px;font-weight:700}
#apc-contact .apc-contact-help{margin:0 0 3px;color:#777;font-size:12px;line-height:17px}
#apc-contact input[type="text"],#apc-contact input[type="email"],#apc-contact input[type="tel"]{width:100%;height:42px;padding:9px 11px;border:1px solid #ccc;border-radius:8px;background:#fff}
#apc-contact label{display:flex;align-items:flex-start;gap:7px;font-size:12px}
#apc-contact label input{flex:0 0 auto;margin-top:3px}
#apc-contact .hp{position:absolute;left:-10000px}
#apc-widget.collect-name #apc-contact{border-color:#ccebd9;background:#f8fffb}
#apc-widget.collect-name #apc-contact .apc-offline-only{display:none!important}
#apc-compose{display:flex;gap:7px;padding:10px;background:#fff;border-top:1px solid #ddd}
#apc-compose textarea{flex:1;resize:none;min-height:42px;max-height:100px;padding:9px;border:1px solid #bbb;border-radius:9px;font:inherit}
#apc-compose button{border:0;border-radius:9px;background:var(--apc-red);color:#fff;padding:0 14px;font-weight:700;cursor:pointer}
#apc-compose button:disabled{cursor:wait;opacity:.58}
@media(max-width:520px){#apc-widget{right:10px;bottom:10px}#apc-panel{position:fixed;inset:0;width:100%;height:100%;border-radius:0}#apc-toggle{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){#apc-widget.is-online #apc-toggle::before{animation:none}}