.support-page{max-width:1200px;margin:0 auto;padding:16px 28px 48px;min-width:0}.support-breadcrumb{display:flex;gap:12px;align-items:center;margin:4px 0 24px;font-size:.875rem}.support-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.support-panel{padding:24px;min-width:0;border-radius:24px}.support-form{display:grid;gap:12px}.support-form label{font-size:.875rem;font-weight:500}.support-form input:not([type=checkbox]),.support-form textarea,.support-form select{width:100%;min-width:0}.support-form textarea{resize:vertical}.support-form .field-hint{margin:0}.support-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.support-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px 22px;margin:18px 0;border-radius:22px}.support-filter>label:not(.support-inline-choice){display:grid;gap:6px;min-width:180px}.support-inline-choice{display:flex!important;align-items:center;gap:8px;min-height:42px;line-height:1.5}.support-inline-choice input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:0}.support-list{border-radius:22px;overflow:hidden}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;text-decoration:none;border-bottom:1px solid var(--divider)}.support-ticket-row:last-child{border-bottom:0}.support-ticket-row:hover{background:var(--input)}.support-ticket-title{display:grid;gap:7px;min-width:0;overflow-wrap:anywhere}.support-ticket-title strong{font-size:1rem;font-weight:550}.support-ticket-meta{display:grid;gap:7px;justify-items:end;font-size:.8125rem;flex-shrink:0;color:var(--muted)}.support-unread{font-size:.75rem;color:var(--accent);font-weight:600}.support-empty{padding:24px}.support-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.support-thread{list-style:none;margin:16px 0 28px;padding:0}.support-message{padding:18px 0;border-bottom:1px solid var(--divider)}.support-message:first-child{padding-top:0}.support-message-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.875rem}.support-message-heading time{margin-left:auto;color:var(--muted);font-size:.75rem}.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:12px 0 0}.support-status-panel h2,.support-panel h2{font-size:1rem;margin-top:0}.support-status-panel>.field-hint{margin-bottom:0;line-height:1.6}.support-settings>summary{font-weight:550;cursor:pointer}.support-settings[open]>.support-form{margin-top:20px}.support-form :focus-visible,.support-ticket-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:850px){.support-detail-grid{grid-template-columns:1fr}.support-status-panel{order:-1}.support-status-panel .support-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.support-status-panel .support-form>label{grid-column:1/-1}}@media(max-width:540px){.support-page{padding:12px 16px 36px}.support-heading{align-items:stretch;flex-direction:column;gap:12px}.support-panel{padding:18px;border-radius:20px}.support-ticket-row{display:block;padding:18px}.support-ticket-meta{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:12px}.support-message-heading time{margin-left:0;width:100%}.support-filter{padding:16px;gap:12px;align-items:stretch}.support-filter>label:not(.support-inline-choice){width:100%}.support-status-panel .support-form{display:grid;grid-template-columns:1fr}}
.support-form > label,.support-filter > label { margin:0; }
.support-form { min-width:0; }
.support-form input:not([type=checkbox]),.support-form textarea,.support-form select { min-inline-size:0;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5; }
.support-form textarea { border:1px solid var(--divider);border-radius:12px;background:var(--input);color:var(--text);padding:12px 14px; }
.support-form .support-inline-choice,.support-filter .support-inline-choice { margin:0;min-width:0;align-items:flex-start;line-height:1.55; }
.support-inline-choice input[type=checkbox] { margin-top:3px; }
.support-form .button,.support-filter .button { max-width:100%;white-space:normal;line-height:1.4; }
.support-breadcrumb { flex-wrap:wrap; }
.support-page .page-heading h1 { font-size:clamp(28px,4vw,40px);font-weight:550;line-height:1.25;overflow-wrap:anywhere; }
.support-page .page-heading p,.support-message-heading,.support-status-panel .field-hint { overflow-wrap:anywhere; }
@media(max-width:700px) {
    .support-form input:not([type=checkbox]),.support-form textarea,.support-form select,.support-filter select { font-size:16px; }
}
@media(max-width:540px) {
    .support-actions { display:grid;grid-template-columns:minmax(0,1fr);gap:10px; }
    .support-actions>.button,.support-form>div>.button,.support-form>.button { width:100%; }
    .support-filter>label:not(.support-inline-choice) { min-width:0;max-width:100%; }
    .support-filter>.button { flex:1 1 100%; }
    .support-form .support-inline-choice { align-items:flex-start; }
    .support-ticket-meta { min-width:0;overflow-wrap:anywhere; }
    .support-status-panel .support-form>button { width:100%; }
}
/* Keep every filter control on the same baseline, with a full touch target. */
.support-filter { gap:12px 16px; }
.support-filter .support-inline-choice { align-items:center;align-self:flex-end;min-height:44px;gap:9px; }
.support-filter .support-inline-choice input[type=checkbox] { margin:0; }
.support-filter>.button { min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box; }
.support-filter .badge { margin:0;flex-shrink:0; }
.support-reset { box-shadow:none;background:transparent; }
.support-form>label:not(:first-child) { margin-top:5px; }
.support-form label>.field-hint { margin-inline-start:6px;font-weight:400; }
.support-screenshot-input { padding:9px 12px;line-height:1.5; }
.support-screenshot-input::file-selector-button { border:1px solid var(--divider);border-radius:9px;padding:7px 12px;margin-inline-end:12px;color:var(--text);background:var(--solid);font:inherit;cursor:pointer; }
.support-screenshots { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;padding:0;margin:14px 0 0;list-style:none; }
.support-screenshots>li { min-width:0; }
.support-screenshot { display:grid;gap:6px;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--divider);background:var(--input);text-decoration:none; }
.support-screenshot:hover { border-color:var(--accent); }
.support-screenshot:focus-visible { outline:3px solid var(--accent);outline-offset:3px; }
.support-screenshot-name { font-size:.875rem;font-weight:550;overflow-wrap:anywhere; }
.support-screenshot .field-hint { font-size:.75rem; }
.support-list { display:grid;gap:10px;padding:12px; }
.support-ticket-row { border:0;border-radius:16px;background:var(--input); }
.support-thread { display:grid;gap:14px; }
.support-message,.support-message:first-child { padding:16px;border:0;border-radius:16px;background:var(--input);min-width:0; }
@media(max-width:540px) {
    .support-filter>.button { flex:1 1 calc(50% - 8px); }
    .support-filter .support-inline-choice { width:100%;align-self:stretch; }
    .support-list { padding:10px; }
    .support-screenshot-input::file-selector-button { margin-inline-end:7px;padding:7px; }
}
