.hab-support-launch{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--support-bottom,16px) + env(safe-area-inset-bottom));z-index:75;display:flex;align-items:center;gap:7px;min-height:46px;padding:9px 14px;border:1px solid var(--line,#dcd7cf);border-radius:14px;background:var(--paper,#fffefa);color:var(--ink,#111116);box-shadow:0 4px 16px #211c1714;font:700 .9rem var(--font,Tahoma,Arial,sans-serif)}
.hab-support-launch svg{width:22px;height:22px;color:var(--red,#ef3340)}
.hab-support-window{--support-border:var(--line,#dcd7cf);margin:auto;padding:0;width:min(620px,calc(100vw - 28px));max-width:100%;max-height:min(860px,calc(100dvh - 28px));border:1px solid var(--support-border);border-radius:var(--radius,22px);background:var(--ivory,#f5f2ec);color:var(--ink,#111116);font:400 1rem/1.6 var(--font,Tahoma,Arial,sans-serif);box-shadow:var(--shadow,0 22px 65px #14121017);overflow:hidden}
.hab-support-window::backdrop{background:#17120d66}.hab-support-window[open]{display:flex;flex-direction:column}.hab-support-window *,.support-record *,.support-account *{box-sizing:border-box}
.support-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--support-border);background:var(--paper,#fffefa)}.support-head>div{flex:1;min-width:0}.support-head h2{font-size:1.1rem;margin:0 0 4px}.support-head p{font-size:.85rem;color:var(--muted,#6c6a68);margin:0}.support-head button{flex:none;width:44px;min-height:44px;padding:4px;border:1px solid var(--support-border);border-radius:10px;background:transparent;font:inherit}
.support-body{padding:20px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;overflow-wrap:anywhere}.support-body h3{font-size:1.1rem;line-height:1.5;margin:0 0 6px}.support-body p{margin:6px 0 16px}.support-body fieldset{min-width:0;border:0;margin:0;padding:0}.support-body legend{font-size:1.12rem;font-weight:750;width:100%;margin-bottom:6px}.support-body small,.support-hint{color:var(--muted,#6c6a68)}.support-options{display:grid;gap:9px;margin-top:14px}.support-option{display:flex;gap:11px;align-items:center;border:1px solid var(--support-border);border-radius:13px;padding:12px;background:var(--paper,#fffefa);cursor:pointer;min-width:0}.support-option input{accent-color:var(--red-dark,#c91f2c);width:18px;height:18px;flex:none;margin:0}.support-option:has(input:checked){border-color:var(--red-dark,#c91f2c);background:#fff7f5}.support-option span{min-width:0;overflow-wrap:anywhere}.support-option small{display:block;margin-top:4px}.support-option img{height:56px;width:68px;object-fit:contain;border-radius:8px;flex:none}.support-option:focus-within{outline:2px solid var(--red,#ef3340);outline-offset:2px}
.support-foot{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--support-border);background:var(--paper,#fffefa)}.support-foot button,.support-body button,.support-account button,.support-admin button{font:inherit;min-height:44px;border:1px solid var(--support-border,#dcd7cf);border-radius:11px;padding:9px 14px;color:inherit;background:var(--paper,#fffefa)}.support-foot .support-primary,.support-body .support-primary{background:var(--red-dark,#c91f2c);border-color:var(--red-dark,#c91f2c);color:white;font-weight:750;flex:1}.support-foot button:disabled{opacity:.55;cursor:wait}.support-error{color:var(--red-dark,#c91f2c);margin:0;padding:0 20px 10px;font-size:.9rem}.support-error:empty{display:none}.support-note{border-inline-start:3px solid var(--red,#ef3340);background:var(--paper,#fffefa);padding:12px;border-radius:8px}.support-contact{display:grid;gap:9px;margin-top:12px}.support-contact input,.support-admin input,.support-admin select,.support-admin textarea{width:100%;max-width:100%;min-height:44px;font:inherit;border:1px solid var(--support-border,#dcd7cf);border-radius:10px;padding:9px;background:var(--paper,#fffefa);color:inherit}
.support-record{font:inherit;color:inherit;overflow-wrap:anywhere}.support-record h3{font-size:1rem;margin:18px 0 8px}.support-record dl{margin:0}.support-record dl>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.7fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--support-border,#dcd7cf)}.support-record dt{color:var(--muted,#6c6a68);font-size:.85rem}.support-record dd{margin:0;min-width:0;font-weight:650}.support-record dd bdi{white-space:normal}.support-review-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.support-review-actions button{font-size:.82rem;min-height:38px}.support-event,.support-case-card{border:1px solid var(--support-border,#dcd7cf);padding:14px;border-radius:12px;margin:12px 0;background:var(--paper,#fffefa)}.support-event small{font-size:.8rem}.support-event p{white-space:pre-wrap}.support-account{margin-top:16px}.support-account h3{margin:10px 0}.support-case-card button{width:100%;text-align:start;border:0;background:transparent;padding:0;overflow-wrap:anywhere}.support-case-card small{display:block;color:var(--muted,#6c6a68)}.support-admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.support-admin form{display:grid;gap:12px}.support-admin textarea{min-height:100px}.support-admin [role=status]{min-height:1em}.support-account [role=status]{padding:12px 0}
@media(max-width:420px){.hab-support-window{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.support-head,.support-body{padding:15px}.support-foot{padding:12px 15px calc(12px + env(safe-area-inset-bottom))}.support-record dl>div{grid-template-columns:1fr;gap:3px}.support-option{padding:11px 10px}.support-option img{width:48px;height:44px}}
@media(prefers-reduced-motion:reduce){.hab-support-window,.hab-support-window *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.support-record .support-inline-edit{display:block;font-size:.8rem;font-weight:500;min-height:36px;margin-top:6px;padding:3px 10px}.support-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.support-admin-actions a{min-height:44px;padding:9px 14px;border:1px solid var(--line,#dcd7cf);border-radius:11px;color:inherit;text-decoration:none}.support-contact select{font:inherit;max-width:100%;min-height:44px}

/* Leave usable question space when text is enlarged; header remains scrollable. */
.support-head{max-height:28dvh;overflow:auto;flex-shrink:0}.support-steps,.support-foot{flex-shrink:0}
/* Staff-only delivery evidence, distinct from the customer's service status. */
.support-notification{border:1px solid #ded6cb;border-radius:12px;padding:16px;margin:12px 0;background:#fbf8f3;overflow-wrap:anywhere}.support-notification header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.support-notification>small{display:block;margin-top:8px;font-size:.7rem;color:#685e53}.support-notification p{font-size:.875rem;line-height:1.8}.support-notification dl{margin:8px 0 0;font-size:.8rem}.support-notification dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:5px 0}.support-notification dd{margin:0}.support-notification[data-mail-state=delivered]{border-inline-start:3px solid #44745b}.support-notification[data-mail-state=review],.support-notification[data-mail-state=failed],.support-notification[data-mail-state=bounced]{border-inline-start:3px solid #a93044}

.hab-support-window>.support-steps{padding:10px 15px;border-bottom:1px solid var(--support-border);background:var(--paper,#fffefa);flex:none;max-width:100%}
.hab-support-window>.support-steps[hidden]{display:none}
.hab-support-window{container-type:inline-size}
html:has(.hab-support-window[open]){overflow:hidden}
@container(max-width:18rem){.hab-support-window>.support-head{max-height:18dvh}}