.support-workspace { --support-text: var(--ps-text-primary,#18181b); --support-muted: var(--ps-text-muted,#71717a); --support-border: var(--ps-border,#d4d4d8); --support-bg: var(--ps-bg-surface,#fff); color:var(--support-text); min-width:0; }
.admin-support { --support-text:#18181b; --support-muted:#52525b; --support-border:#d4d4d8; --support-bg:#fff; }
.admin-support input:not([type=checkbox]),.admin-support textarea,.admin-support select { background:#fff !important; background-image:none !important; color:#18181b !important; border-color:#a1a1aa !important; box-shadow:none !important; }
.admin-support input::placeholder,.admin-support textarea::placeholder { color:#52525b !important; opacity:1; }
.admin-support input[type=checkbox] { accent-color:#047857; }
.support-workspace h2 { font-size:18px; font-weight:700; overflow-wrap:anywhere; }
.support-workspace h1 { overflow-wrap:anywhere; }
.support-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.support-toolbar button { gap:6px; }
.support-grid { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr); gap:32px; margin-top:24px; }
.support-inbox,.support-thread { min-width:0; }
.support-form { display:flex; flex-direction:column; gap:10px; margin:16px 0; }
.support-form label,.support-form>label { font-size:14px; }
.support-form input,.support-form textarea,.support-form select { color:var(--support-text); background:var(--support-bg); border:1px solid var(--support-border); border-radius:6px; padding:10px 12px; min-height:44px; width:100%; min-width:0; }
.support-meta { color:var(--support-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.support-error { color:#dc2626; font-size:14px; margin:12px 0; overflow-wrap:anywhere; }
.support-inbox-item { display:block; width:100%; text-align:left; padding:18px 4px; border-bottom:1px solid var(--support-border); transition:background-color .15s; }
.support-inbox-item:hover,.support-inbox-item[aria-pressed=true] { background:#10b98116; }
.support-inbox-item strong { font-size:14px; overflow-wrap:anywhere; min-width:0; }
.support-status { text-transform:capitalize; font-size:11px; font-weight:600; padding:3px 8px; border-radius:4px; background:#dbeafe; color:#1d4ed8; }
.support-status.resolved { background:#dcfce7; color:#166534; }
.support-messages { display:flex; flex-direction:column; gap:16px; margin:24px 0; max-height:55vh; overflow-y:auto; }
.support-message { border-left:3px solid var(--support-border); padding:8px 14px; }
.support-message.admin { border-color:#10b981; background:#10b9810c; }
.support-message p,.support-announcement-body { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.7; }
.support-recipient-list { max-height:260px; overflow:auto; border:1px solid var(--support-border); border-radius:6px; }
.support-recipient { display:flex; align-items:center; gap:10px; padding:12px; border-bottom:1px solid var(--support-border); font-size:14px; overflow-wrap:anywhere; }
.support-recipient input { width:18px; min-height:18px; flex:none; }
.admin-account-list { display:flex; flex-direction:column; }
.admin-account-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid #e4e4e7; }
.admin-account-row p { overflow-wrap:anywhere; }
.admin-section-nav { display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid #d4d4d8; padding-bottom:16px; }
@media(max-width:767px) { .support-grid { grid-template-columns:minmax(0,1fr); gap:24px; } .admin-account-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; } .admin-account-date { grid-column:1; grid-row:2; } .admin-account-actions { grid-column:2; grid-row:1 / span 2; } }
.support-page {max-width:1024px;margin:0 auto;padding:16px;}
.support-page h1,.announcement-page h1 {font-size:30px;font-weight:700;line-height:1.2;}
.support-page [hidden],.announcement-page [hidden] {display:none!important;}
.support-inbox-item {color:inherit;text-decoration:none;}
.support-pager {margin-top:16px;}
.support-empty {padding:48px 0;}
.announcement-page {max-width:768px;margin:0 auto;padding:24px;}
.announcement-page h1 {margin:16px 0;}
.announcement-page .support-announcement-body {margin:32px 0;}
@media(min-width:640px){.support-page {padding:24px;}.support-page h1,.announcement-page h1 {font-size:36px;}}