.sph-ai{position:fixed;right:22px;bottom:22px;z-index:1090;font-family:Inter,system-ui,-apple-system,sans-serif}.sph-ai-fab{border:1px solid rgba(124,108,246,.45);background:linear-gradient(135deg,#7c6cf6,#5b8cff 52%,#33e0d8);color:#05060b;border-radius:16px;padding:13px 18px;font-weight:800;box-shadow:0 16px 40px rgba(91,140,255,.28);display:flex;gap:8px;align-items:center;cursor:pointer}.sph-ai-panel{display:none;position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));background:rgba(8,10,20,.98);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 45px rgba(124,108,246,.18);backdrop-filter:blur(20px);color:#f5f7ff}.sph-ai.open .sph-ai-panel{display:flex;flex-direction:column}.sph-ai-panel header{padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(124,108,246,.13),rgba(255,255,255,.01));display:flex;justify-content:space-between;align-items:center}.sph-ai-panel header>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px}.sph-ai-panel header .spark{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6cf6,#33e0d8);color:#05060b}.sph-ai-panel header strong{font:700 16px 'Space Grotesk',Inter,sans-serif}.sph-ai-panel header small{font-size:11px;color:#8e96ac}.sph-ai-close{background:transparent;border:0;color:#aab2c7;font-size:26px;cursor:pointer}.sph-ai-quick{padding:10px 12px;display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06)}.sph-ai-quick button{white-space:nowrap;border:1px solid rgba(124,108,246,.25);background:#101425;color:#cdd3e3;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.sph-ai-messages{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.sph-ai-msg{max-width:86%;padding:10px 12px;border-radius:14px;line-height:1.45;font-size:13px;white-space:pre-wrap;word-break:break-word}.sph-ai-msg.user{align-self:flex-end;background:linear-gradient(135deg,#6559e9,#4c7ee9);color:#fff;border-bottom-right-radius:5px}.sph-ai-msg.assistant{align-self:flex-start;background:#111525;border:1px solid rgba(255,255,255,.08);color:#dfe4f0;border-bottom-left-radius:5px}.sph-ai-msg.system{align-self:center;background:rgba(51,224,216,.08);border:1px solid rgba(51,224,216,.18);color:#9deee9;font-size:11px}.sph-ai-form{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 44px;gap:8px}.sph-ai-form textarea{resize:none;max-height:110px;background:#0e1220!important;border:1px solid rgba(255,255,255,.12)!important;color:#f5f7ff!important;border-radius:13px!important;padding:11px 12px!important;outline:0}.sph-ai-form textarea:focus{border-color:#7c6cf6!important;box-shadow:0 0 0 3px rgba(124,108,246,.13)}.sph-ai-form button{border:0;border-radius:13px;background:linear-gradient(135deg,#7c6cf6,#33e0d8);font-weight:900;color:#05060b;cursor:pointer}.sph-ai-foot{text-align:center;color:#636b80;font-size:10px;padding:0 10px 10px}.sph-ai-loading{opacity:.7}.sph-ai-ticket{color:#33e0d8;text-decoration:underline}@media(max-width:520px){.sph-ai{right:14px;bottom:14px}.sph-ai-fab{width:50px;height:50px;border-radius:50%;padding:0;justify-content:center}.sph-ai-fab b{display:none}.sph-ai-panel{position:fixed;right:10px;left:10px;bottom:72px;width:auto;height:min(620px,calc(100vh - 92px));border-radius:18px}}

/* Customer-controlled human escalation */
.sph-ai-msg-text{white-space:pre-wrap;overflow-wrap:anywhere}
.sph-ai-msg .sph-ai-ticket{display:inline-flex;margin-top:9px;color:#62e8df!important;font-weight:700;text-decoration:none}
.sph-ai-forward{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;max-width:100%;border:1px solid rgba(51,224,216,.28);background:linear-gradient(135deg,rgba(124,108,246,.20),rgba(51,224,216,.12));color:#effcff;border-radius:11px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}
.sph-ai-forward:hover,.sph-ai-forward:focus{border-color:rgba(51,224,216,.52);background:linear-gradient(135deg,rgba(124,108,246,.30),rgba(51,224,216,.18));outline:0;transform:translateY(-1px)}
.sph-ai-forward:disabled{cursor:default;opacity:.72;transform:none}.sph-ai-forward.done{color:#8ef4ed;border-color:rgba(51,224,216,.22)}

/* Conversational quick actions: compact, touch-friendly, no page overflow. */
.sph-ai-quick{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(124,108,246,.45) transparent}
.sph-ai-quick button{flex:0 0 auto;scroll-snap-align:start;min-height:34px;line-height:1.15}
.sph-ai-messages,.sph-ai-msg,.sph-ai-msg-text{min-width:0}
.sph-ai-msg-text{overflow-wrap:anywhere;word-break:normal}
@media(max-width:520px){.sph-ai-quick{padding:9px 10px;gap:6px}.sph-ai-quick button{padding:8px 11px;font-size:11px}.sph-ai-msg{max-width:90%}.sph-ai-form{grid-template-columns:minmax(0,1fr) 44px}.sph-ai-form textarea{min-width:0;width:100%}}

/* AI Support follows the same global light/dark preference as the rest of the product. */
html[data-sph-theme="light"] .sph-ai-panel{background:rgba(255,255,255,.98);border-color:rgba(21,27,58,.12);color:#12152b;box-shadow:0 28px 75px rgba(35,43,76,.20),0 0 40px rgba(104,88,239,.08)}html[data-sph-theme="light"] .sph-ai-panel header{background:linear-gradient(180deg,rgba(104,88,239,.08),rgba(255,255,255,.6));border-color:rgba(21,27,58,.08)}html[data-sph-theme="light"] .sph-ai-panel header strong{color:#161a31}html[data-sph-theme="light"] .sph-ai-panel header small{color:#737b95}html[data-sph-theme="light"] .sph-ai-close{color:#616a84}
html[data-sph-theme="light"] .sph-ai-quick{border-color:rgba(21,27,58,.07)}html[data-sph-theme="light"] .sph-ai-quick button{background:#f5f7fb;color:#4e5672;border-color:rgba(104,88,239,.17)}html[data-sph-theme="light"] .sph-ai-msg.assistant{background:#f5f7fb;border-color:rgba(21,27,58,.09);color:#252b44}html[data-sph-theme="light"] .sph-ai-msg.system{background:rgba(20,159,154,.07);border-color:rgba(20,159,154,.16);color:#176f6c}
html[data-sph-theme="light"] .sph-ai-form{border-color:rgba(21,27,58,.08)}html[data-sph-theme="light"] .sph-ai-form textarea{background:#fff!important;border-color:rgba(21,27,58,.12)!important;color:#151a31!important}html[data-sph-theme="light"] .sph-ai-foot{color:#8990a6}

.sph-ai-forward{text-decoration:none!important}
.sph-ai-fab:focus-visible,.sph-ai-close:focus-visible,.sph-ai-quick button:focus-visible,.sph-ai-form button:focus-visible,.sph-ai-forward:focus-visible{outline:2px solid var(--sph-cyan,#33e0d8);outline-offset:2px}
html[data-sph-theme="light"] .sph-ai-msg.user{color:#fff!important}
html[data-sph-theme="light"] .sph-ai-forward{color:#26304f!important;background:linear-gradient(135deg,rgba(104,88,239,.10),rgba(20,159,154,.08));border-color:rgba(104,88,239,.24)}
@media(max-width:520px){.sph-ai{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.sph-ai-panel{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(68px + env(safe-area-inset-bottom));height:min(620px,calc(100dvh - 88px - env(safe-area-inset-bottom)))}.sph-ai-panel header{padding-top:max(14px,env(safe-area-inset-top))}}
