.support-page{background:var(--paper);min-block-size:100dvh}.support-page-header{background:var(--surface);border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px max(24px,50vw - 560px);display:flex}.support-header-actions,.support-actions,.support-pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.support-page>main{max-inline-size:1040px;margin:auto;padding:36px 24px 64px}.support-workspace{min-inline-size:0}.support-workspace .section-head{align-items:start}.support-filters{grid-template-columns:minmax(0,1fr) minmax(180px,.5fr) auto;align-items:end;gap:16px;display:grid}.support-ticket-list article{border-block-end:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding-block:22px;display:flex}.support-ticket-list article:last-child{border:0}.support-ticket-list article>div{min-inline-size:0}.support-ticket-list h2{font-size:17px}.support-ticket-list h2 button{text-align:start;color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:700}.support-ticket-list h2 button:hover{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.support-ticket-list h2 button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.support-empty{justify-items:start;gap:16px;padding-block:16px;display:grid}.support-empty>svg{color:var(--muted)}.support-empty p{max-inline-size:65ch}.support-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.support-pagination{justify-content:space-between}.support-thread{gap:20px;display:grid}.support-message{background:var(--surface);border-radius:12px;max-inline-size:min(100%,78ch);padding:20px 24px}.support-message.staff{background:var(--blue-bg)}.support-message header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.support-message time{color:var(--muted);font-size:12px}.support-message.staff time{color:var(--blue)}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-block-start:12px}.support-reply{margin-block-start:8px}.support-notice{color:var(--success);background:var(--success-bg);border-radius:8px;padding:12px 16px}.support-closed{border-block:1px solid var(--line);justify-items:start;gap:14px;padding-block:20px;display:grid}.support-pending{color:var(--warning);background:var(--warning-bg);border-radius:8px;justify-items:start;gap:12px;padding:16px;display:grid}.support-history summary{cursor:pointer;min-block-size:44px;padding-block:10px;font-weight:650}.support-history summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.support-history p{color:var(--muted);padding-block:8px;font-size:13px}@media (max-width:767px){.support-page-header{flex-wrap:wrap;padding:16px}.support-page>main{padding:24px 12px 48px}.support-filters{grid-template-columns:minmax(0,1fr)}.support-filters .btn{justify-self:start}.support-ticket-list article{flex-direction:column;gap:12px}.support-message{padding:16px}.support-header-actions a{align-items:center;min-block-size:44px;display:inline-flex}}
