.supportView,.supportInbox{--support-bg:#fff;--support-fg:#0f172a;--support-border:#cbd5e1;box-sizing:border-box;color:var(--support-fg);background:var(--support-bg);padding:24px;border:1px solid var(--support-border);border-radius:16px;overflow-wrap:anywhere;font:16px/1.5 system-ui,sans-serif;color-scheme:light}
.supportDark{--support-bg:#1e293b;--support-fg:#e2e8f0;--support-border:#475569;color-scheme:dark}
dialog.supportView,dialog.supportInbox{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto}
.supportView::backdrop,.supportInbox::backdrop{background:#0008}
.supportView *,.supportInbox *{box-sizing:border-box;min-width:0}
.supportView header,.supportInbox header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.supportView h2,.supportInbox h2{font-size:22px;font-weight:700;margin:0}
.supportView h3{font-size:19px;font-weight:700;margin:16px 0}
.supportView button,.supportInbox button{border:1px solid var(--support-border);background:var(--support-bg);color:var(--support-fg);border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer;max-width:100%;white-space:normal}
.supportView .supportPrimary{background:#6d28d9!important;color:white!important;border-color:#6d28d9!important;font-weight:600}
.supportView button:disabled,.supportInbox button:disabled{opacity:.6;cursor:wait}
.supportView [hidden],.supportInbox [hidden],[data-support-badge][hidden]{display:none!important}
.supportView label{display:grid;gap:6px;margin:14px 0}
.supportView textarea,.supportView select{width:100%;max-width:100%;font:inherit;color:var(--support-fg);background:var(--support-bg);border:1px solid var(--support-border);border-radius:8px;padding:10px}
.supportView textarea{resize:vertical}
.supportView article,.supportTicket{border:1px solid var(--support-border);border-radius:10px;padding:12px;margin:12px 0}
.supportView article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.supportView .supportTicket{display:block;width:100%;text-align:left}
.supportTicket small{display:block;margin-top:6px}
.supportView [data-error]{color:#dc2626}.supportDark [data-error]{color:#fca5a5}
#supportChatMessages{max-height:45dvh;overflow:auto;margin-top:12px}
.supportEvents{font-size:12px;opacity:.8}.supportEvents p{margin:6px 0}
[data-support-settings]{font:14px/1.5 system-ui,sans-serif;padding:12px 0}[data-support-settings] button{margin-right:8px}[data-support-settings] [role=status]{margin:6px 0;overflow-wrap:anywhere}
[data-support-badge]{display:inline-block;min-width:22px;padding:2px 6px;margin-left:6px;border-radius:12px;background:#dc2626;color:white;font:700 12px/1.5 system-ui,sans-serif}
#supportNotificationItems{border-top:1px solid #475569;padding:12px}
#supportNotificationItems button{display:block;width:100%;text-align:left;padding:10px 4px;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.supportInbox [data-list] button{display:block;width:100%;margin:8px 0;text-align:left}
.supportBell{display:inline-flex;align-items:center;gap:4px;min-height:44px;min-width:44px;justify-content:center;padding:8px;border-radius:8px;border:1px solid #64748b;background:transparent;color:inherit;cursor:pointer}
.supportBell svg{width:22px;height:22px;flex:none}
.purchaseSummary{padding:18px;margin-top:20px;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;background:#f8fafc}.purchaseSummary h3{font-weight:700}.purchaseSummary p{margin:10px 0}.purchaseSummary button{background:#6d28d9;color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;min-height:44px}.purchaseSummary button:disabled{opacity:.5;cursor:not-allowed}.plan-card[aria-pressed="true"]{border-color:#7c3aed!important;background:#f5f3ff!important}
@media(max-width:600px){.supportView,.supportInbox{padding:14px}.supportView header,.supportInbox header{align-items:flex-start}.supportView header button,.supportInbox header button{flex:none;font-size:13px}.supportView h2{font-size:20px}}