.support-ui{--support-bg:var(--surface,#fff);--support-text:var(--text,#132b45);--support-border:var(--border,#cad7e2);--support-accent:var(--green,#c52a18);--support-soft:var(--soft,#f3f6f7)}.support-filter{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin:0 0 24px}.support-filter label{display:grid;gap:9px;min-width:280px;max-width:100%;font-size:.86rem}.support-filter>.mini-button{height:48px;padding:0 22px;align-self:flex-end}.support-select{position:relative;display:block;min-width:0;width:100%;margin:0}.support-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)}.support-select-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 17px!important;box-sizing:border-box;text-align:left;background:var(--support-soft);color:var(--support-text);border:1px solid var(--support-border);border-radius:9px;cursor:pointer;font:600 15px/1.5 Arial,sans-serif}.support-select-button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-select-arrow{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 0}.support-select-button[aria-expanded=true]{border-color:var(--support-accent)}.support-select-button[aria-expanded=true] .support-select-arrow{transform:rotate(225deg);margin-top:6px}.support-select-list{position:absolute;z-index:60;top:calc(100% + 7px);left:0;right:0;min-width:100%;max-height:300px;overflow:auto;padding:6px;background:var(--support-bg);color:var(--support-text);border:1px solid var(--support-border);border-radius:10px;box-shadow:0 12px 32px #0003}.support-select-list[hidden]{display:none}.support-select-option{padding:10px 12px;border-radius:6px;font:400 15px/1.5 Arial,sans-serif;cursor:pointer}.support-select-option[aria-selected=true]{background:var(--support-accent);color:var(--on-green,#fff);font-weight:700}.support-select-option:hover,.support-select-option:focus{outline:2px solid var(--support-accent);outline-offset:-2px;background:var(--support-soft);color:var(--support-text)}.support-select-option[aria-disabled=true]{opacity:.45;cursor:default}.support-select-button:focus-visible{outline:3px solid var(--support-accent);outline-offset:3px}.support-conversation{display:grid;gap:16px;margin:26px 0}.support-message{border:1px solid var(--support-border);border-radius:10px;padding:20px;background:var(--support-bg);overflow-wrap:anywhere}.support-message p:last-child{margin-bottom:0}.support-byline{font-size:.8rem;color:var(--muted,#586d81)}.support-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}.support-nav form{margin-left:auto}.support-nav button{border:1px solid var(--support-border);padding:8px 14px;background:var(--support-soft);color:var(--support-text);border-radius:6px;cursor:pointer}.support-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.support-ui .contract-form textarea{box-sizing:border-box;display:block;width:100%;padding:12px;font:inherit;line-height:1.5;background:var(--support-bg);color:var(--support-text);border:1px solid var(--support-border);border-radius:6px;resize:vertical}.support-ticket-row{padding:18px 0;border-top:1px solid var(--support-border)}.support-ticket-row h2{font-size:20px;margin:0 0 8px}.support-ticket-row p{font-size:14px}.support-ui .admin-panel{overflow:visible}.support-ui .admin-panel>form:not(.support-filter)>label{display:grid;gap:9px;margin:20px 0}.support-ui .admin-panel>form:not(.support-filter)>label textarea{width:100%;padding:14px;box-sizing:border-box;border:1px solid var(--support-border);border-radius:9px}.support-mail-status{padding:14px 18px;border:1px solid var(--support-border);border-radius:9px;margin:20px 0;font-size:.85rem}
@media(max-width:650px){.support-filter{align-items:stretch}.support-filter label{min-width:0;width:100%}.support-filter>.mini-button{width:100%}.support-field-grid{grid-template-columns:1fr}.support-nav{gap:12px}.support-message{padding:16px}.support-select-button{min-height:48px}}

.support-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.support-inbox-heading p{margin:6px 0 0}.support-inbox-heading>a{flex-shrink:0}.support-inbox-form label{display:grid;gap:8px;margin:14px 0}.support-inbox-form input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--support-border);border-radius:8px;background:var(--support-soft);color:var(--support-text);font:inherit}.support-review-item{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:14px 0}.support-system-message summary{cursor:pointer;font-weight:600;padding:4px 0}.support-system-copy{margin-top:14px}.support-system-copy>p{margin:0 0 12px}.support-system-copy>h1,.support-system-copy>h2{font-size:1rem;line-height:1.5;margin:22px 0 8px}.support-system-privacy>h2{font-size:1rem;line-height:1.5;margin:22px 0 6px}.support-system-privacy .contract-privacy-content{padding:0;background:transparent}.support-system-privacy .contract-privacy-section{padding:14px 0;gap:20px}.support-system-privacy .contract-privacy-copy{line-height:1.55}.support-system-privacy .contract-privacy-copy p{margin-bottom:8px}@media(max-width:650px){.support-inbox-heading,.support-review-item{align-items:flex-start;flex-direction:column;gap:12px}}
.support-status{display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;padding:4px 10px;border-radius:999px;background:var(--status-bg,var(--soft,#f4f7fa));color:var(--status-text,var(--muted,#586d81));font-size:.75rem;font-weight:750;line-height:1.5;vertical-align:middle;white-space:nowrap}
.support-status-open{--status-text:#865100;--status-bg:#fff5da}
.support-status-in_progress{--status-text:#165aa0;--status-bg:#edf4ff}
.support-status-waiting{--status-text:#7740a2;--status-bg:#f4edfb}
.support-status-resolved{--status-text:#087047;--status-bg:#e6f5ec}
@media(prefers-color-scheme:dark){
 html:not([data-theme="light"]) .support-status-open{--status-text:#f3bd61;--status-bg:#30281b}
 html:not([data-theme="light"]) .support-status-in_progress{--status-text:#acd0ff;--status-bg:#18324c}
 html:not([data-theme="light"]) .support-status-waiting{--status-text:#d7b7f9;--status-bg:#312444}
 html:not([data-theme="light"]) .support-status-resolved{--status-text:#6dd3a6;--status-bg:#17372e}
}
html[data-theme="dark"] .support-status-open{--status-text:#f3bd61;--status-bg:#30281b}
html[data-theme="dark"] .support-status-in_progress{--status-text:#acd0ff;--status-bg:#18324c}
html[data-theme="dark"] .support-status-waiting{--status-text:#d7b7f9;--status-bg:#312444}
html[data-theme="dark"] .support-status-resolved{--status-text:#6dd3a6;--status-bg:#17372e}
@media print{.support-status{color:#000!important;background:#fff!important;border:1px solid #777}}
.support-ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.support-ticket-heading h2{margin-top:0}.support-delete-button{min-width:44px;min-height:44px;box-sizing:border-box;flex-shrink:0}.support-delete-button svg{display:block;flex-shrink:0}.admin-table .support-actions-column{width:1%;white-space:nowrap;text-align:right}.support-delete-confirm p{max-width:78ch}.support-delete-confirm .inline-actions{margin-top:24px}

/* Keep the inbox opt-in inline despite the general stacked form-label rules. */
.support-ui .admin-panel > .support-inbox-form > label.checkbox { display:flex; align-items:center; gap:12px; min-height:44px; margin:18px 0; cursor:pointer; }
.support-ui .support-inbox-form .checkbox input[type="checkbox"] { appearance:none; -webkit-appearance:none; display:grid; place-content:center; flex:0 0 20px; width:20px; height:20px; min-height:0; margin:0; padding:0; border:1px solid var(--muted,#586d81); border-radius:4px; background:var(--support-soft); color:var(--on-green,#fff); cursor:pointer; box-shadow:none; }
.support-ui .support-inbox-form .checkbox input[type="checkbox"]::before { content:""; width:9px; height:5px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-1px) rotate(-45deg); visibility:hidden; }
.support-ui .support-inbox-form .checkbox input[type="checkbox"]:checked { border-color:var(--support-accent); background:var(--support-accent); }
.support-ui .support-inbox-form .checkbox input[type="checkbox"]:checked::before { visibility:visible; }
.support-ui .support-inbox-form .checkbox input[type="checkbox"]:focus-visible { outline:3px solid var(--support-accent); outline-offset:3px; }
.support-ui .support-inbox-form + form { margin-top:24px; padding-top:24px; border-top:1px solid var(--support-border); }
.support-ui .support-inbox-form + form + p { margin:14px 0 22px; }
.support-ui .support-inbox-form ~ details > summary { cursor:pointer; }
@media(forced-colors:active) { .support-ui .support-inbox-form .checkbox input[type="checkbox"] { appearance:auto; } .support-ui .support-inbox-form .checkbox input[type="checkbox"]::before { content:none; } }