/* Support uses the existing Academy palette and type tokens. */
#modal-root .dialog.support-dialog{width:min(100%,760px);padding:24px;overflow:hidden}
#modal-root .support-center{min-width:0;max-width:100%;overflow-wrap:anywhere}
#modal-root .support-center :is(input,select,textarea){box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:400 var(--t-body)/var(--lh-body) var(--ff-ui);color-scheme:dark}
#modal-root .support-center :is(input,select){min-height:48px}
#modal-root .support-center textarea{resize:vertical;min-height:90px;max-height:240px}
#modal-root .support-center :is(label,p,.button){font-size:var(--t-callout);line-height:var(--lh-callout)}
#modal-root .support-center label{display:block}
#modal-root .support-center h3{margin:0 0 10px;font-size:var(--t-headline);line-height:var(--lh-headline)}
#modal-root .support-center .button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#modal-root .support-center :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#modal-root .support-list-tools{display:grid;gap:14px}
#modal-root .support-scopes{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#modal-root .support-scopes .button{flex:1 1 0;padding:10px 8px;border-color:transparent;border-radius:8px}
#modal-root .support-scopes .button[aria-pressed=true]{color:var(--gold);background:var(--panel);border-color:var(--gold)}
#modal-root .support-actions,#modal-root .support-thread-tools,#modal-root .support-thread-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
#modal-root .support-actions .button{flex:1 1 160px}
#modal-root .support-thread-tools{justify-content:space-between;margin-top:0}
#modal-root .support-status{min-height:1.5em;margin-block:10px}
#modal-root .support-status.is-error{color:#ffb4ab}
#modal-root .support-center :is(.support-note,.support-retry-note,.support-ticket-meta,.support-player-id){color:var(--muted);font-size:var(--t-footnote);line-height:var(--lh-footnote)}
#modal-root .support-intro{margin-top:16px}
#modal-root .support-ticket-list{display:grid;gap:12px;margin-block:12px}
#modal-root .support-ticket{display:grid;gap:10px;width:100%;min-width:0;padding:15px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font:400 var(--t-callout)/var(--lh-callout) var(--ff-ui)}
#modal-root .support-ticket:hover{border-color:var(--gold);background:var(--panel)}
#modal-root .support-ticket-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
#modal-root .support-ticket-heading strong{min-width:0;overflow-wrap:anywhere}
#modal-root .support-ticket-heading time{flex-shrink:0;color:var(--muted);font-size:var(--t-caption);line-height:var(--lh-caption)}
#modal-root .support-ticket-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#modal-root .support-badge{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:7px;font-size:var(--t-caption);line-height:var(--lh-caption)}
#modal-root .support-badge.status-open{border-color:#8b7750;color:var(--gold)}
#modal-root .support-badge.status-waiting{border-color:#48746c;color:var(--teal)}
#modal-root .support-badge.status-closed{color:var(--muted)}
#modal-root .support-category{color:var(--muted);font-size:var(--t-caption);line-height:var(--lh-caption)}
#modal-root .support-ticket-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:var(--muted)}
#modal-root .support-player-id{display:block;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
#modal-root .support-empty{padding:20px 12px;border:1px dashed var(--line);border-radius:10px}
#modal-root .support-new-form{display:grid;gap:14px}
#modal-root .support-new-form .support-note{margin:0}
#modal-root .support-category-form{display:flex;align-items:end;gap:10px;margin-block:12px}
#modal-root .support-category-form label{flex:1 1 220px;min-width:0}
#modal-root .support-category-form button{flex:0 1 180px}
#modal-root .support-transcript{min-height:180px;max-height:min(43dvh,440px);overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);scrollbar-gutter:stable}
#modal-root .support-messages{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}
#modal-root .support-message{width:fit-content;max-width:90%;padding:12px 14px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--surface);align-self:flex-start;min-width:0}
#modal-root .support-message.is-mine{align-self:flex-end;background:#193b3b;border-color:#49665d;border-radius:14px 14px 4px 14px}
#modal-root .support-message-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-bottom:7px;color:var(--muted);font-size:var(--t-caption);line-height:var(--lh-caption)}
#modal-root .support-message-meta strong{color:var(--gold)}
#modal-root .support-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#modal-root [data-support-older]:not(:empty){display:flex;justify-content:center;margin-bottom:14px}
#modal-root .support-composer{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
#modal-root .support-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
#modal-root .support-composer-actions .button{min-width:120px}
#modal-root .support-closed-note{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px}
#modal-root .support-center [hidden]{display:none}
@media(max-width:520px){#modal-root .dialog.support-dialog{padding:18px}#modal-root .support-ticket-heading{flex-direction:column;gap:5px}#modal-root .support-category-form{flex-direction:column;align-items:stretch}#modal-root .support-category-form :is(label,button){flex-basis:auto}#modal-root .support-message{max-width:95%;padding:10px 12px}#modal-root .support-transcript{padding:9px;max-height:38dvh}#modal-root .support-composer{padding:10px}#modal-root .support-composer-actions{flex-wrap:wrap}#modal-root .support-composer-actions .button{flex:1 1 130px}}