.op-wa-widget{--op-wa-bg:#111b21;--op-wa-panel:#202c33;--op-wa-field:#2a3942;--op-wa-text:#e9edef;--op-wa-muted:#aebac1;--op-wa-green:#00a884;--op-wa-out:#005c4b;position:fixed;right:24px;bottom:24px;z-index:9998;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--op-wa-text);letter-spacing:0}.op-wa-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.op-wa-widget--left{right:auto;left:24px}.op-wa-widget--pending{visibility:hidden}.op-wa-launcher{position:relative;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:linear-gradient(145deg,#25d366,#0b8f5c);box-shadow:0 10px 30px rgba(0,168,132,.38);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.op-wa-launcher:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 36px rgba(0,168,132,.5)}.op-wa-launcher:focus-visible,.op-wa-icon-button:focus-visible,.op-wa-send:focus-visible,.op-wa-fallback:focus-visible,.op-wa-input:focus-visible{outline:3px solid #fff;outline-offset:3px}.op-wa-launcher svg{width:30px;height:30px;fill:#fff}.op-wa-badge{position:absolute;top:-4px;left:-4px;min-width:21px;height:21px;padding:0 4px;border:2px solid #0b141a;border-radius:11px;display:grid;place-items:center;background:#d92d20;color:#fff;font-size:11px;font-weight:700;line-height:1}.op-wa-launcher[aria-expanded="true"]{opacity:0;pointer-events:none;transform:scale(.7)}
.op-wa-chat{position:absolute;right:0;bottom:0;width:min(360px,calc(100vw - 32px));height:min(490px,calc(100vh - 48px));border:1px solid rgba(134,231,252,.1);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:var(--op-wa-bg);box-shadow:0 12px 40px rgba(0,0,0,.42)}.op-wa-widget--left .op-wa-chat{right:auto;left:0}.op-wa-chat[hidden]{display:none}.op-wa-chat:not([hidden]){animation:op-wa-pop .22s ease}.op-wa-header{min-height:68px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px;background:var(--op-wa-panel)}.op-wa-avatar{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#3b4b55;color:#fff;font-size:13px;font-weight:700}.op-wa-avatar img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.op-wa-avatar::after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border:2px solid var(--op-wa-panel);border-radius:50%;background:#25d366}.op-wa-heading{min-width:0;flex:1;display:flex;flex-direction:column}.op-wa-heading strong{overflow:hidden;color:var(--op-wa-text);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.op-wa-heading small{margin-top:2px;color:#72d6b5;font-size:11.5px;line-height:1.3}.op-wa-icon-button{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#c6d0d5;text-decoration:none;cursor:pointer}.op-wa-icon-button:hover{background:rgba(255,255,255,.08);color:#fff}.op-wa-icon-button svg{width:21px;height:21px;display:block;fill:currentColor}
.op-wa-body{flex:1;overflow:auto;padding:15px 12px 10px;background-color:#0b141a;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.025) 0 2px,transparent 2px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.02) 0 2px,transparent 2px);background-size:120px 120px,90px 90px}.op-wa-message{display:flex;margin-bottom:5px}.op-wa-message--out{justify-content:flex-end}.op-wa-bubble{max-width:84%;padding:7px 9px;border-radius:8px;background:var(--op-wa-panel);box-shadow:0 1px 1px rgba(0,0,0,.25);color:var(--op-wa-text);font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.op-wa-message--in .op-wa-bubble{border-top-left-radius:2px}.op-wa-message--out .op-wa-bubble{border-top-right-radius:2px;background:var(--op-wa-out)}.op-wa-meta{float:right;margin:7px 0 -1px 9px;color:#aebac1;font-size:10px;line-height:1}.op-wa-qr{display:block;width:132px;height:132px;margin:3px auto;border:5px solid #fff;border-radius:9px;background:#fff;object-fit:contain}.op-wa-qr-link{display:block;color:inherit;text-decoration:none}.op-wa-fallback{margin:8px 12px;padding:9px 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--op-wa-green);color:#fff;text-decoration:none;font-size:13px;font-weight:700}.op-wa-fallback[hidden]{display:none}.op-wa-fallback svg{width:18px;height:18px;fill:currentColor}.op-wa-composer{padding:8px 10px;display:flex;align-items:flex-end;gap:7px;background:var(--op-wa-panel)}.op-wa-input{min-height:40px;max-height:96px;flex:1;resize:none;border:1px solid transparent;border-radius:9px;padding:9px 12px;background:var(--op-wa-field);color:var(--op-wa-text);font:14px/1.4 inherit;outline:0}.op-wa-input::placeholder{color:#aebac1}.op-wa-input:focus{border-color:#53bdeb}.op-wa-send{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--op-wa-green);color:#fff;cursor:pointer}.op-wa-send:hover{background:#06b189}.op-wa-send svg{width:21px;height:21px;display:block;fill:currentColor}
@keyframes op-wa-pop{from{opacity:.01;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:767px){.op-wa-widget--hide-mobile{display:none}.op-wa-qr-message{display:none}.op-wa-qr{display:none}}
@media (min-width:768px){.op-wa-widget--hide-desktop{display:none}}
@media (max-width:520px){.op-wa-widget{right:16px;bottom:16px}.op-wa-widget--left{right:auto;left:16px}.op-wa-chat{position:fixed;inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0}.op-wa-launcher{width:56px;height:56px}.op-wa-header{padding-top:max(10px,env(safe-area-inset-top))}.op-wa-composer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.op-wa-launcher,.op-wa-chat:not([hidden]){animation:none;transition:none}}