:root{--support-bg:#090d16;--support-surface:#101624;--support-line:#2b3349;--support-text:#f7f7fb;--support-muted:#8e96aa;--support-purple:#9b5cf6;--support-purple2:#6d3ee8;--support-green:#58d9a4}
.support-launcher{position:fixed;z-index:70;right:22px;bottom:22px;border:1px solid rgba(190,145,255,.38);background:linear-gradient(135deg,#7c3aed,#b14adb);color:#fff;border-radius:999px;padding:12px 16px;font:800 12px Inter,system-ui,sans-serif;box-shadow:0 16px 40px rgba(100,42,170,.34);display:flex;align-items:center;gap:8px;cursor:pointer}.support-launcher .dot{width:8px;height:8px;border-radius:50%;background:#7df0bc;box-shadow:0 0 0 4px rgba(125,240,188,.1)}.support-launcher.has-unread:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#ff6b8f;right:2px;top:0;border:2px solid #080b12}
.support-overlay{position:fixed;z-index:89;inset:0;background:rgba(2,4,9,.62);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:.2s}.support-overlay.open{opacity:1;pointer-events:auto}.support-sheet{position:fixed;z-index:90;right:20px;bottom:20px;width:min(430px,calc(100% - 40px));height:min(690px,calc(100dvh - 40px));display:grid;grid-template-rows:auto 1fr auto;border:1px solid #35304a;border-radius:26px;background:linear-gradient(180deg,#111625,#090d16 72%);box-shadow:0 35px 110px rgba(0,0,0,.55);overflow:hidden;transform:translateY(18px) scale(.98);opacity:0;pointer-events:none;transition:.22s;font-family:Inter,system-ui,sans-serif;color:var(--support-text)}.support-sheet.open{transform:none;opacity:1;pointer-events:auto}.support-head{display:flex;align-items:center;gap:12px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(240px 120px at 10% 0%,rgba(155,92,246,.16),transparent 70%)}.support-avatar{width:42px;height:42px;border-radius:13px;overflow:hidden;background:#171528;border:1px solid #49376c;display:grid;place-items:center;flex:none}.support-avatar img{width:100%;height:100%;object-fit:cover}.support-head-copy{min-width:0;flex:1}.support-head-copy strong{display:block;font:800 14px 'Space Grotesk',Inter,sans-serif}.support-head-copy small{display:flex;align-items:center;gap:6px;color:#8f98aa;font-size:10px;margin-top:3px}.support-head-copy small:before{content:"";width:7px;height:7px;border-radius:50%;background:#56d9a4}.support-close{width:37px;height:37px;border:1px solid #30374b;border-radius:12px;background:#0b101b;color:#b9c0d0;font-size:20px;cursor:pointer}.support-body{overflow:auto;padding:16px}.support-welcome{border:1px solid #2e354a;background:linear-gradient(145deg,#111827,#0c111c);border-radius:18px;padding:16px;margin-bottom:14px}.support-welcome span{font-size:10px;letter-spacing:.14em;color:#b289e5;font-weight:800}.support-welcome h3{margin:6px 0;font:800 19px 'Space Grotesk',Inter,sans-serif}.support-welcome p{margin:0;color:#8d96aa;font-size:12px;line-height:1.55}.support-form{display:grid;gap:10px}.support-field{display:grid;gap:6px}.support-field span{font-size:11px;font-weight:800;color:#cbd0dc}.support-field input,.support-field textarea{width:100%;border:1px solid #31394e;background:#080c14;color:#fff;border-radius:13px;padding:12px 13px;outline:none;font:500 12px Inter,sans-serif}.support-field textarea{resize:none;min-height:96px}.support-field input:focus,.support-field textarea:focus{border-color:#7650b3;box-shadow:0 0 0 3px rgba(155,92,246,.08)}.support-primary{border:0;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#b14adb);color:#fff;padding:13px 16px;font:800 12px Inter,sans-serif;cursor:pointer}.support-primary:disabled{opacity:.55;cursor:wait}.support-error{color:#ff90a1;font-size:11px;min-height:14px}.support-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.support-ticket-head div{display:grid;gap:3px}.support-ticket-head strong{font-size:12px}.support-ticket-head small{font-size:10px;color:#7f889b}.support-status{border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.08em;background:#1b2f27;color:#69dca9}.support-status.closed{background:#272d39;color:#9fa7b7}.support-messages{display:grid;gap:9px}.support-message{max-width:88%;padding:10px 12px;border-radius:15px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.support-message.customer{justify-self:end;background:linear-gradient(135deg,#6533a4,#7a3ebe);border-bottom-right-radius:5px}.support-message.admin{justify-self:start;background:#151c2a;border:1px solid #2c3449;border-bottom-left-radius:5px}.support-message small{display:block;font-size:8px;opacity:.65;margin-top:5px}.support-empty{padding:28px 12px;text-align:center;color:#7f889c;font-size:12px}.support-composer{padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07);background:rgba(8,12,20,.96)}.support-compose-row{display:grid;grid-template-columns:1fr auto;gap:8px}.support-compose-row textarea{min-height:44px;max-height:100px;resize:none;border:1px solid #31394e;background:#0a0f18;color:#fff;border-radius:13px;padding:11px 12px;font:500 12px Inter,sans-serif;outline:none}.support-send{width:46px;border:0;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#b14adb);color:#fff;font-size:18px;cursor:pointer}.support-composer-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.support-link-btn{border:0;background:transparent;color:#8f7bb2;font:700 10px Inter,sans-serif;padding:0;cursor:pointer}.support-closed-note{font-size:10px;color:#8891a3}.support-new-btn{width:100%;border:1px solid #3c3450;background:#151023;color:#d7b9f6;border-radius:13px;padding:11px;font:800 11px Inter,sans-serif;cursor:pointer}
@media(max-width:700px){.support-launcher{right:16px;bottom:88px;padding:11px 14px}.support-sheet{left:0;right:0;bottom:0;width:100%;height:min(82dvh,720px);border-radius:26px 26px 0 0;border-left:0;border-right:0;border-bottom:0;transform:translateY(28px)}.support-body{padding:14px}.support-overlay{background:rgba(2,4,9,.72)}}

/* Web CS image attachments */
.support-upload-box{display:flex;align-items:center;gap:11px;border:1px dashed #493b68;background:linear-gradient(145deg,#0d1220,#0a0e18);border-radius:14px;padding:12px 13px;cursor:pointer;transition:.18s}.support-upload-box:hover{border-color:#7959b7;background:#101525}.support-upload-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#201735;color:#d7b8ff;font-size:21px;flex:none}.support-upload-box>span:last-child{display:grid;gap:2px}.support-upload-box strong{font-size:11px;color:#e2d9ef}.support-upload-box small{font-size:9px;color:#7f899c}.support-file-chip{border:1px solid #3b3151;background:#151022;color:#d8c7ef;border-radius:11px;padding:8px 10px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-compose-row{grid-template-columns:auto 1fr auto}.support-attach{width:44px;border:1px solid #353b50;border-radius:13px;background:#101522;color:#c9b1e9;font-size:23px;cursor:pointer}.support-attach:hover{border-color:#7052a7;background:#171229}.support-pending-file{display:none;margin-bottom:8px;border:1px solid #493b68;background:#141020;border-radius:11px;padding:8px 9px;font-size:10px;color:#d5c4eb;align-items:center;justify-content:space-between;gap:8px}.support-pending-file.show{display:flex}.support-pending-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-pending-file button{border:0;background:transparent;color:#bba9d2;font-size:17px;line-height:1;cursor:pointer}
.support-message{overflow:hidden}.support-message-text{white-space:pre-wrap;word-break:break-word}.support-image-wrap{display:block;width:100%;border:0;background:rgba(0,0,0,.22);border-radius:11px;padding:0;overflow:hidden;color:#aeb6c7;font:700 10px Inter,sans-serif;cursor:pointer;text-align:center;margin-bottom:7px;min-height:72px}.support-image-wrap img{display:none;width:100%;max-height:280px;object-fit:contain;background:#070a10}.support-image-wrap.loaded img{display:block}.support-image-wrap.loaded>span{display:none}.support-image-wrap>span{display:grid;place-items:center;min-height:72px;padding:10px}.support-message.customer .support-image-wrap{background:rgba(8,4,15,.25)}
@media(max-width:700px){.support-image-wrap img{max-height:235px}.support-compose-row{grid-template-columns:42px 1fr 46px}.support-attach{width:42px}}