/* Namespaced, left-positioned: existing WhatsApp controls remain untouched. */
#spandia-webchat{--sw-safe-left:env(safe-area-inset-left,0px);--sw-safe-right:env(safe-area-inset-right,0px);--sw-safe-top:env(safe-area-inset-top,0px);--sw-safe-bottom:env(safe-area-inset-bottom,0px);position:fixed;left:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:120;font-family:Sora,Arial,sans-serif;color:#eff5ff;font-size:13px;line-height:1.5;letter-spacing:normal}
#spandia-webchat[hidden],#spandia-webchat [hidden]{display:none!important}
#spandia-webchat *{box-sizing:border-box}
#spandia-webchat button,#spandia-webchat input,#spandia-webchat textarea{font:inherit}
#spandia-webchat button{cursor:pointer;border:1px solid #78d9f84d;border-radius:8px;padding:9px 12px;background:#172b46;color:#eff5ff;min-height:40px}
#spandia-webchat button:disabled{opacity:.55;cursor:default}
#spandia-webchat button:focus-visible,#spandia-webchat input:focus-visible,#spandia-webchat textarea:focus-visible,#spandia-webchat a:focus-visible{outline:2px solid #78d9f8;outline-offset:3px}
#spandia-webchat p{color:inherit;margin:0 0 10px;font-size:12px;line-height:1.65;letter-spacing:normal}
#spandia-webchat a{text-decoration:underline;color:#a3e6fc}
#spandia-webchat .sw-launcher{position:relative;width:108px;height:133px;padding:0;border:0;background:transparent;filter:drop-shadow(0 8px 16px #0008);animation:sw-breathe 6s ease-in-out 3}
#spandia-webchat .sw-launcher img{width:89px;height:107px;object-fit:contain;margin:auto}
#spandia-webchat .sw-launcher-label{display:block;white-space:nowrap;font-size:10px;padding:5px;border-radius:12px;background:#11223c;border:1px solid #78d9f877}
#spandia-webchat .sw-badge{position:absolute;top:7px;right:4px;min-width:23px;padding:3px 6px;border-radius:50%;background:#a3e6fc;color:#071022;font-weight:700}
#spandia-webchat .sw-panel{display:flex;flex-direction:column;position:absolute;left:0;bottom:0;width:350px;padding-left:106px;max-width:calc(100vw - 48px);max-height:min(340px,calc(100dvh - 40px));overflow:visible;overscroll-behavior:contain;background:#0e1b31;border:1px solid #78d9f855;border-radius:18px;box-shadow:0 22px 70px #0009;scrollbar-width:thin}
/* Reserve a separate column for the same figure; never cover messages or the composer. */
#spandia-webchat .sw-panel-portrait{position:absolute;left:14px;bottom:12px;width:89px;height:107px;object-fit:contain;pointer-events:none}
#spandia-webchat .sw-minimize{position:absolute;right:6px;top:4px;z-index:2;font-size:20px;min-width:32px;min-height:28px;padding:0;background:transparent;border:0}
#spandia-webchat h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
#spandia-webchat .sw-messages{flex:0 1 auto;min-height:0;padding:28px 12px 0;margin:0;list-style:none;max-height:190px;overflow:auto;overscroll-behavior:contain}
#spandia-webchat .sw-event{max-width:94%;margin:12px 0;padding:12px;border-radius:12px;background:#1a304c;overflow-wrap:anywhere}
#spandia-webchat .sw-event strong{font-size:10px;color:#a3e6fc}
#spandia-webchat .sw-event p{margin:5px 0 0;white-space:pre-wrap}
#spandia-webchat .sw-user{margin-left:auto;background:#273c58}
#spandia-webchat .sw-system{background:transparent;border-left:2px solid #afa1ff;border-radius:0}
#spandia-webchat .sw-status,#spandia-webchat .sw-error{flex-shrink:0;margin:10px 16px;font-size:11px}
#spandia-webchat .sw-error{color:#ffd6cc}
#spandia-webchat .sw-compose{flex-shrink:0;padding:6px 12px 12px}
#spandia-webchat .sw-compose>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#spandia-webchat .sw-compose>div{display:flex;align-items:flex-end;gap:8px}
#spandia-webchat input:not([type=checkbox]),#spandia-webchat textarea{min-width:0;width:100%;padding:10px;border:1px solid #78d9f85c;border-radius:8px;background:#071022;color:#eff5ff}
#spandia-webchat textarea{resize:vertical;min-height:42px;max-height:var(--sw-draft-max-height,150px)}
#spandia-webchat .sw-compose button{background:#a3e6fc;color:#071022}
#spandia-webchat summary{cursor:pointer;font-size:11px;min-height:35px}
@keyframes sw-breathe{50%{transform:translateY(-4px)}}
body.motion-paused #spandia-webchat *,body.motion-offscreen #spandia-webchat *{animation:none!important}
@media(prefers-reduced-motion:reduce){#spandia-webchat *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){#spandia-webchat{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}#spandia-webchat .sw-launcher{width:86px;height:105px}#spandia-webchat .sw-launcher img{width:67px;height:80px}#spandia-webchat .sw-launcher-label{font-size:7.2px}#spandia-webchat .sw-panel{bottom:0;width:340px;padding-left:84px;max-width:calc(100vw - 24px);max-height:min(340px,calc(100dvh - 24px))}#spandia-webchat .sw-panel-portrait{width:67px;height:80px}#spandia-webchat .sw-messages{max-height:190px}}

/* Pointer targets straddle the border; inner halves stay in the content padding. */
#spandia-webchat .sw-resized{position:fixed;bottom:auto;max-width:none;max-height:none}
#spandia-webchat .sw-resized .sw-messages{flex:1 1 auto;max-height:none}
#spandia-webchat .sw-resize-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#spandia-webchat .sw-resize{position:absolute;z-index:3;touch-action:none;user-select:none;border-radius:6px}
#spandia-webchat .sw-resize::after{content:'';position:absolute;background:#a3e6fc;border-radius:3px;opacity:.65}
#spandia-webchat .sw-resize:hover::after,#spandia-webchat .sw-resize:focus-visible::after{opacity:1}
#spandia-webchat .sw-resize:focus-visible{outline:2px solid #78d9f8;outline-offset:-3px;background:#172b46}
#spandia-webchat .sw-resize-w,#spandia-webchat .sw-resize-e{width:24px;height:64px;top:calc(50% - 32px);cursor:ew-resize}
#spandia-webchat .sw-resize-w{left:-12px}#spandia-webchat .sw-resize-e{right:-12px}
#spandia-webchat .sw-resize-w::after,#spandia-webchat .sw-resize-e::after{width:4px;height:36px;left:10px;top:14px}
#spandia-webchat .sw-resize-n,#spandia-webchat .sw-resize-s{width:64px;height:24px;left:calc(50% - 32px);cursor:ns-resize}
#spandia-webchat .sw-resize-n{top:-12px}#spandia-webchat .sw-resize-s{bottom:-12px}
#spandia-webchat .sw-resize-n::after,#spandia-webchat .sw-resize-s::after{width:36px;height:4px;left:14px;top:10px}
#spandia-webchat .sw-resizing{user-select:none}