.support-chat{box-sizing:border-box;background:#0c1229;color:#f3f0ff;border:1px solid #55527c;border-radius:22px;padding:16px;font:14px/1.5 system-ui;box-shadow:0 16px 60px #0008;display:flex;flex-direction:column;gap:10px;isolation:isolate}.support-chat *{box-sizing:border-box}.support-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #343454;padding-bottom:10px;flex:none}.support-chat h2{font-size:18px;margin:0;overflow-wrap:anywhere}.support-chat button,.support-inbox button{cursor:pointer;font:inherit;color:#f3f0ff;background:#272e4b;border:1px solid #6b668c;border-radius:12px;padding:9px 12px;min-height:44px}.support-chat .support-close{font-size:26px;line-height:1;padding:4px;width:44px;flex:none;background:transparent;border-color:transparent}.support-notice{font-size:12px;color:#c9c7e5;background:#1a223e;border:1px solid #3a4063;border-radius:12px;padding:10px;margin:0}.support-status{font-size:12px;color:#cbc8e3;margin:0}.support-chat a{color:#d6caff;text-decoration:underline}.support-messages{min-height:100px;max-height:38dvh;overflow:auto;overscroll-behavior:contain;padding:4px 2px;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}.support-messages article{max-width:88%;padding:11px 14px;border-radius:18px;overflow-wrap:anywhere;flex:none;box-shadow:0 3px 10px #0002}.support-messages .support-incoming{align-self:flex-start;background:#27324f;border-bottom-left-radius:5px}.support-messages .support-outgoing{align-self:flex-end;background:linear-gradient(125deg,#7940df,#6130ce);border-bottom-right-radius:5px}.support-messages article strong{display:block;font-size:11px;opacity:.85;margin-bottom:3px}.support-chat .support-messages article,.support-chat .support-messages article p,.support-chat .support-messages article strong{color:#f3f0ff}.support-messages p{white-space:pre-wrap;margin:0}.support-messages time{display:block;text-align:right;font-size:10px;color:#e0d6fa;margin-top:5px}.support-chat form{display:flex;align-items:flex-end;gap:8px;border:1px solid #484466;border-radius:22px;padding:7px;flex:none;background:#111a33}.support-chat textarea{resize:vertical;width:100%;min-width:0;min-height:46px;max-height:110px;background:#202a46;color:#f3f0ff;border:1px solid #3b4567;border-radius:17px;padding:12px;font:inherit;line-height:1.5}.support-chat textarea::placeholder{color:#b8bad4}.support-chat .support-send{border-radius:50%;width:46px;height:46px;min-height:46px;flex:none;border-color:#a979fb;background:linear-gradient(135deg,#9957f6,#6828e6);font-size:23px;padding:0}.support-tools{display:flex;justify-content:flex-end;flex:none}.support-tools button{font-size:12px;min-height:32px;padding:4px 10px;background:transparent}.support-footer{text-align:center;color:#b9b3d6;font-size:11px;flex:none}.support-bubble{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;display:flex;align-items:center;gap:12px;border:0;padding:0;background:transparent;color:#fff;cursor:pointer;font:14px system-ui}.support-bubble-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#aa65ff,#7628ed);border:1px solid #c494ff;box-shadow:0 0 24px #8d3ef366,0 5px 18px #0005}.support-bubble svg{width:34px;height:34px}.support-hint{border:1px solid #777095;background:#11192e;color:#f3f0ff;border-radius:22px;padding:10px 15px;box-shadow:0 4px 16px #0003}.support-bubble[aria-expanded=true] .support-hint{display:none}body>.support-chat{position:fixed;right:20px;bottom:calc(96px + env(safe-area-inset-bottom));width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));overflow:auto;z-index:1001}.support-chat[hidden],.support-chat [hidden]{display:none!important}.support-inbox{display:grid;gap:8px;margin-bottom:15px;max-height:35vh;overflow:auto}.support-inbox button{text-align:left;overflow-wrap:anywhere;max-width:100%;white-space:normal}.support-chat button:focus-visible,.support-bubble:focus-visible,.support-chat textarea:focus-visible{outline:3px solid #d6caff;outline-offset:3px}.support-chat textarea:disabled,.support-chat button:disabled{opacity:.65}.support-chat button:disabled{cursor:wait}@media(max-width:480px){body>.support-chat{right:12px;padding:12px;gap:8px}.support-bubble{right:12px}.support-bubble-icon{width:56px;height:56px}.support-messages{max-height:36dvh}.support-notice{font-size:11px}}@media(max-height:550px){.support-notice,.support-footer{display:none}.support-chat{gap:6px}.support-messages{min-height:55px}.support-chat textarea{max-height:65px}}
.support-messages .support-notice{display:block;flex:none;align-self:stretch}.support-status:empty{display:none}
.support-chat .support-attach{width:40px;min-width:40px;height:46px;padding:8px;border:0;background:transparent;color:#d9c8ff;flex:none}.support-attach svg{width:24px;height:24px;display:block}.support-file-selection{display:flex;gap:8px;align-items:center;padding:8px;background:#202a46;border-radius:10px;font-size:12px;flex:none}.support-file-selection span{overflow-wrap:anywhere;min-width:0;flex:1}.support-file-selection button{font-size:11px;min-height:36px;padding:5px}.support-chat .support-download{display:block;text-align:left;max-width:100%;overflow-wrap:anywhere;font-size:12px;background:#111a35;margin:8px 0}.support-chat .support-messages a{display:block;font-size:12px;margin:8px 0;color:#eee3ff}.support-chat textarea{resize:vertical}@media(max-width:380px){.support-chat form{gap:4px;padding:5px}.support-chat .support-attach{width:30px;min-width:30px;padding:3px}.support-chat textarea{padding:10px 8px}.support-chat .support-send{width:42px;height:44px;min-height:44px}}
.support-file-error{margin:0;color:#ffd9de;font-size:12px;flex:none}

@media(max-width:480px){body>.support-chat{width:calc(100vw - 32px);right:16px;max-height:min(50dvh,420px);bottom:calc(86px + env(safe-area-inset-bottom))}.support-chat .support-messages{min-height:65px;max-height:24dvh}.support-chat .support-header{padding-bottom:6px}.support-chat h2{font-size:16px}.support-chat .support-close{width:36px;min-height:36px}.support-chat .support-tools{gap:8px}}

/* Phones: compact half-sheet on the right above the chat button. The top of the page stays visible;
   tap outside, swipe the top bar down, press × or Escape to close. */
.support-grab{display:none}
@keyframes support-sheet-up{from{transform:translateY(24px)}to{transform:none}}
@media(max-width:640px){
body>.support-chat{left:auto;right:12px;width:clamp(270px,68vw,380px);height:min(50dvh,440px);max-height:min(50dvh,440px);
 bottom:calc(84px + env(safe-area-inset-bottom));padding:6px 12px 10px;gap:6px;border-radius:20px;overflow:hidden;
 transform-origin:bottom right;animation:support-sheet-up .22s ease-out;touch-action:pan-y}
body>.support-chat .support-grab{display:block;flex:none;align-self:center;width:44px;height:5px;border-radius:3px;background:#6b668c;margin:2px 0 0;border:0;padding:0;min-height:0}
body>.support-chat .support-header{cursor:grab;touch-action:none;padding-bottom:6px}
body>.support-chat .support-messages{flex:1 1 auto;min-height:0;max-height:none}
body>.support-chat .support-footer{display:none}
body>.support-chat .support-notice{font-size:11px;padding:8px}
body>.support-chat form{gap:4px;padding:5px}
body>.support-chat .support-attach{width:30px;min-width:30px;padding:3px}
body>.support-chat textarea{min-height:42px;padding:10px 8px;resize:none;font-size:13px}
body>.support-chat .support-send{width:42px;height:42px;min-height:42px;font-size:20px}
body>.support-chat .support-tools button{min-height:30px}
.support-bubble[aria-expanded=true] .support-bubble-icon{box-shadow:0 0 0 3px #d6caff55,0 5px 18px #0005}
}
@media(max-width:640px) and (prefers-reduced-motion:reduce){body>.support-chat{animation:none}}
/* Draggable chat button: hold and move it out of the way; it snaps to the nearest side. */
.support-bubble{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.support-bubble.support-left{flex-direction:row-reverse}
.support-bubble.support-dragging{cursor:grabbing}
.support-bubble.support-dragging .support-bubble-icon{transform:scale(1.08);box-shadow:0 0 0 4px #d6caff66,0 10px 28px #0007}
.support-bubble.support-dragging .support-hint{display:none}
/* Flieva assistant replies and the Talk to a person button */
.support-messages .support-assistant{background:#222f57;border:1px solid #3e4d86}
.support-chat .support-person{background:#3a2a74;border-color:#a979fb;font-weight:600;margin-right:auto}
.support-tools{gap:8px;align-items:center}
.support-chat .support-system{align-self:center;margin:6px auto;padding:4px 12px;border-radius:999px;background:#1d2547;color:#d6cff7;font-size:12px;line-height:1.5;text-align:center;max-width:90%}
.support-join{display:flex;gap:6px;align-items:center;margin-right:auto}.support-join[hidden]{display:none}
.support-join input{width:9.5em;min-height:30px;padding:4px 8px;border-radius:10px;border:1px solid #55527c;background:#0f1733;color:inherit;font:inherit;font-size:12px}
.support-tools .support-join button{font-weight:600;border:1px solid #a979fb;background:#3a2a74;color:#fff}
.support-bubble.support-alert .support-hint{display:block!important;background:#3a2a74;border-color:#a979fb;font-weight:600}
.support-bubble.support-alert::after{content:'';position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#ff5a7a;border:2px solid #0c1229}
.support-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.support-filters button{cursor:pointer;font:inherit;font-size:13px;color:#f3f0ff;background:#1b2140;border:1px solid #55527c;border-radius:999px;padding:6px 14px;min-height:36px}
.support-filters button[aria-pressed=true]{background:#5b3fd6;border-color:#a979fb;font-weight:600}
.support-filters button[data-filter=new]{border-color:#dc263f}
.support-inbox-note{margin:0 0 10px;font-size:13px;opacity:.85}.support-inbox-note:empty{display:none}
.support-inbox button[aria-current=true]{border-color:#a979fb;background:#3a2a74}
.support-inbox button[data-state=new]{border-left:4px solid #dc263f}
.support-state{font-weight:600}
.support-header .support-close-view{margin-left:auto;font-size:20px;color:#f3f0ff;border:1px solid #55527c;border-radius:10px;width:36px;min-height:36px;cursor:pointer}
.support-tools .support-resolve{border:1px solid #3fae6a;color:#d7ffe5}