.support-chat {
  --support-edge:20px; --support-ink:#20252b; --support-muted:#626b75; --support-blue:#315f86; --support-line:#e2e6eb;
  position:fixed; left:max(var(--support-edge), env(safe-area-inset-left)); right:max(var(--support-edge), env(safe-area-inset-right)); bottom:max(var(--support-edge), env(safe-area-inset-bottom));
  z-index:15; color:var(--support-ink); font-family:Inter,system-ui,sans-serif; pointer-events:none;
}
.support-chat * { box-sizing:border-box; }
.support-chat [hidden] { display:none!important; }
.support-chat-panel,.support-chat-launcher { pointer-events:auto; }
body:has(#signup-panel:not([hidden])) .support-chat,body:has(dialog[open]) .support-chat { visibility:hidden; }
.support-chat button,.support-chat a { -webkit-tap-highlight-color:transparent; cursor:pointer; font-family:inherit; transition:background-color 160ms,border-color 160ms; }
.support-chat button:focus-visible,.support-chat a:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.support-chat svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.support-chat-launcher { display:flex; align-items:center; justify-content:center; gap:9px; margin-left:auto; min-height:50px; padding:12px 19px; border:1px solid #234967; border-radius:28px; background:var(--support-blue); color:#fff; box-shadow:0 3px 16px #14263824; font-size:13px; font-weight:600; }
.support-chat-launcher:hover { background:#234967; }
.support-chat-panel { position:absolute; right:0; bottom:64px; display:flex; flex-direction:column; width:min(400px,100%); height:min(620px,calc(100vh - 2 * var(--support-edge) - 64px - env(safe-area-inset-bottom))); height:min(620px,calc(100dvh - 2 * var(--support-edge) - 64px - env(safe-area-inset-bottom))); overflow:hidden; border:1px solid var(--support-line); border-radius:16px; background:#fff; box-shadow:0 12px 48px #14263824; }
.support-chat-header { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-shrink:0; padding:12px 12px 12px 22px; border-bottom:1px solid var(--support-line); }
.support-chat h2,.support-chat h3,.support-chat h4 { font-family:inherit; color:var(--support-ink); font-weight:600; letter-spacing:-.02em; }
.support-chat-header h2 { margin:0; font-size:16px; line-height:1.4; }
.support-chat-icon-button { display:grid; place-items:center; width:44px; height:44px; flex:0 0 auto; border:0; border-radius:50%; color:var(--support-muted); background:transparent; }
.support-chat-icon-button:hover { background:#f6f7f9; }
.support-chat-content { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:24px 20px; scrollbar-width:thin; overflow-wrap:anywhere; }
.support-chat-content h3 { margin:0 0 10px; font-size:23px; line-height:1.25; }
.support-chat-content h3:focus { outline:none; }
.support-chat-content h4 { margin:0 0 8px; font-size:14px; line-height:1.5; }
.support-chat-content p { margin:0 0 18px; font-size:13px; line-height:1.65; }
.support-chat-content .support-chat-note { color:var(--support-muted); font-size:12px; }
.support-chat-choice { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-height:52px; margin:10px 0 0; padding:14px; border:1px solid var(--support-line); border-radius:8px; background:#fff; color:var(--support-ink); text-align:left; line-height:1.45; }
.support-chat-choice:hover { background:#f6f7f9; border-color:#a7b5c2; }
.support-chat-choice span { min-width:0; }
.support-chat-choice strong { display:block; font-size:13px; font-weight:600; }
.support-chat-choice small { display:block; margin-top:4px; font-size:12px; color:var(--support-muted); font-weight:400; }
.support-chat-choice svg { width:16px; height:16px; color:var(--support-blue); }
.support-chat-choice-primary { background:#f0f5fa; border-color:#c9d9e9; }
.support-chat-choice-primary strong { color:#234967; }
.support-chat-secondary { border-top:1px solid var(--support-line); margin-top:20px; padding-top:6px; }
.support-chat-secondary .support-chat-choice { border-color:transparent; padding-inline:4px; }
.support-chat-navigation { display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--support-line); padding:7px 16px; flex-shrink:0; }
.support-chat-navigation .support-chat-choice { width:auto; min-height:44px; margin:0; padding:8px; border:0; color:var(--support-blue); }
.support-chat-navigation svg { display:none; }
.support-chat-link { display:inline-flex; align-items:center; min-height:44px; margin:0 10px 8px 0; color:var(--support-blue); font-size:13px; font-weight:500; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.support-chat-order-section { margin:20px 0; padding:18px 0 0; border-top:1px solid var(--support-line); }
.support-chat-content .support-chat-order-section p { margin-bottom:12px; }
.support-chat-content .support-chat-reference { font-size:18px; margin-top:20px; }
.support-chat-content .support-chat-badge { width:fit-content; padding:5px 10px; border-radius:6px; background:#edf3f8; color:#234967; font-size:12px; font-weight:600; }
.support-chat-items { list-style:none; margin:18px 0; padding:0; }
.support-chat-items li { padding:14px 0; border-block-start:1px solid var(--support-line); font-size:13px; line-height:1.6; }
.support-chat-items li strong,.support-chat-items li span { display:block; }
.support-chat-items li span { color:var(--support-muted); margin-top:3px; }
.support-chat-email-frame { display:block; width:100%; height:730px; margin-block:12px; border:0; background:#fff; }
.support-chat-preference { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; margin:18px 0; border:1px solid var(--support-line); border-radius:12px; font-size:14px; }
.support-chat-switch { width:64px; height:44px; flex:0 0 auto; padding:8px; border:0; border-radius:24px; background:#737d87; }
.support-chat-switch span { display:block; width:28px; height:28px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0002; }
.support-chat-switch[aria-checked="true"] { background:var(--support-blue); }
.support-chat-switch[aria-checked="true"] span { margin-left:20px; }
.support-chat-switch:disabled { opacity:.6; cursor:wait; }
.support-chat-ticket-form { margin:20px 0; }
.support-chat-ticket-form label { display:block; margin-bottom:8px; font-size:13px; font-weight:600; }
.support-chat-ticket-form input { display:block; width:100%; min-height:48px; padding:12px; border:1px solid #a7b5c2; border-radius:8px; background:#fff; color:var(--support-ink); font:16px/1.4 Inter,system-ui,sans-serif; }
.support-chat-ticket-form input:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.support-chat-ticket-form input[aria-invalid="true"] { border-color:#a83232; }
.support-chat-content .support-chat-ticket-reference { margin:16px 0; font-size:21px; }
.support-chat-ticket-status:focus { outline:none; }
.support-chat-ticket-status:empty { display:none; }
body:has(.support-chat) { padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
@media(max-width:480px) {
  .support-chat { --support-edge:12px; }
  .support-chat-launcher { width:50px; height:50px; padding:0; }
  .support-chat-launcher span { display:none; }
  .support-chat-content { padding:22px 18px; }
}
@media(max-height:480px) {
  .support-chat-panel { bottom:0; height:calc(100vh - 2 * var(--support-edge) - env(safe-area-inset-bottom)); height:calc(100dvh - 2 * var(--support-edge) - env(safe-area-inset-bottom)); }
  .support-chat:has(.support-chat-panel:not([hidden])) .support-chat-launcher { visibility:hidden; }
  .support-chat-header { padding-block:4px; }
}
@media(prefers-reduced-motion:reduce) { .support-chat button,.support-chat a { transition:none; } }