/* Authenticated support only; the account and course dialogs keep their own layout. */
.account-dialog.is-support-only { width: min(920px, calc(100vw - 32px)); height: min(720px, calc(100dvh - 32px)); }
.account-dialog.is-support-only[open] { animation: support-dialog-in 160ms ease-out; }
@keyframes support-dialog-in { from { transform: translateY(6px); } to { transform: translateY(0); } }
.account-dialog.is-support-only .account-dialog-shell { border-radius: 20px; height: 100%; min-height: 0; max-height: 100%; }
.account-dialog.is-support-only .account-dialog-header { padding: 19px 26px; background: #fff; }
.account-dialog.is-support-only .account-dialog-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.account-dialog.is-support-only .account-dialog-content { padding: 24px 28px 28px; overflow-y: auto; scrollbar-width: thin; }
.account-dialog .support-workspace { max-width: none; width: 100%; margin: 0; color: #233751; }
.account-dialog .support-workspace.active { animation: none; }
.account-dialog .support-workspace .account-support-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; border: 0; padding: 0; margin: 0 0 22px; }
.account-dialog .support-heading-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 15px; background: #edf4ff; color: #2459a1; }
.account-dialog .support-workspace svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.account-dialog .support-heading-icon svg { width: 24px; height: 24px; }
.account-dialog .support-workspace .account-support-heading > div:first-of-type { flex: 1; min-width: 180px; }
.account-dialog .support-workspace .account-support-heading > div > span { font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 600; color: #526982; }
.account-dialog .support-workspace .account-support-heading h3 { font-size: 24px; line-height: 1.35; letter-spacing: -.5px; margin: 3px 0 0; color: #1d304a; }
.account-dialog .support-workspace .account-support-heading p { font-size: 13px; line-height: 1.55; margin: 5px 0 0; color: #52657d; }
.account-dialog .support-workspace .account-heading-actions { display: flex; flex-shrink: 0; gap: 9px; }
.account-dialog .support-workspace button { font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; min-height: 44px; line-height: 1.45; }
.account-dialog .support-workspace .account-heading-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px; border-radius: 10px; }
.account-dialog .support-workspace button:disabled { opacity: .6; cursor: wait; }
.account-dialog .support-workspace :is(button,input,select,textarea):focus-visible { outline: 3px solid #6b9fde; outline-offset: 3px; }
.account-dialog .support-workspace h3:focus { outline: none; }
.account-dialog .support-toolbar { border-bottom: 1px solid #e2e9f2; padding-bottom: 16px; margin-bottom: 18px; display: grid; gap: 13px; }
.account-dialog .support-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.account-dialog .support-filters button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 15px; border: 1px solid transparent; background: #f3f6fa; color: #51647c; border-radius: 10px; }
.account-dialog .support-filters button[aria-pressed="true"] { background: #edf4ff; border-color: #bfd3ef; color: #2459a1; }
.account-dialog .support-filters button:hover { border-color: #bfd3ef; }
.account-dialog .support-filters button span { display: grid; place-items: center; background: #fff; min-width: 23px; min-height: 23px; border-radius: 7px; font-size: 12px; padding-inline: 5px; }
.account-dialog .support-search-row { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 10px; }
.account-dialog .support-search { display: flex; gap: 9px; align-items: center; border: 1px solid #d4deea; border-radius: 10px; padding: 0 12px; color: #60738b; min-width: 0; }
.account-dialog .support-search:focus-within { border-color: #6b9fde; }
.account-dialog .support-search input { width: 100%; min-width: 0; min-height: 46px; border: 0; padding: 11px 0; background: transparent; color: #233751; font: inherit; font-size: 14px; border-radius: 0; }
.account-dialog .support-search input:focus { outline-offset: 0; }
.account-dialog .support-search-row select { width: 100%; min-height: 46px; border: 1px solid #d4deea; border-radius: 10px; padding: 9px 12px; background: #fff; color: #435971; font: inherit; font-size: 13px; }
.account-dialog .support-workspace input::placeholder, .account-dialog .support-workspace textarea::placeholder { color: #607087; opacity: 1; }
.account-dialog .support-results { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 20px; color: #52657d; font-size: 12px; }
.account-dialog .support-results button { background: transparent; border: 0; color: #2459a1; padding: 0 3px; min-height: 44px; font-size: 12px; }
.account-dialog .support-workspace .account-support-list { display: grid; gap: 16px; }
.account-dialog .support-workspace .account-support-item { border: 1px solid #dbe4ef; border-radius: 14px; overflow: hidden; background: #fff; }
.account-dialog .support-workspace .account-support-item:focus { outline: 3px solid #6b9fde; outline-offset: 2px; }
.account-dialog .support-workspace .account-support-item > header { display: flex; align-items: flex-start; padding: 20px; gap: 12px; background: #fbfcfe; border-bottom: 1px solid #e6edf5; }
.account-dialog .support-category-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: #eef4ff; color: #3261a2; }
.account-dialog .support-category-icon[data-category="payment"] { background: #edf8f3; color: #226952; }
.account-dialog .support-category-icon[data-category="academic"] { background: #f4f0fc; color: #704f9e; }
.account-dialog .support-request-heading { flex: 1; min-width: 0; }
.account-dialog .support-workspace .support-request-heading small { display: block; font-size: 12px; color: #596d84; line-height: 1.55; }
.account-dialog .support-workspace .support-request-heading h4 { margin: 6px 0 0; font-size: 17px; font-weight: 650; line-height: 1.5; color: #233751; overflow-wrap: anywhere; }
.account-dialog .support-request-heading time { display: block; font-size: 12px; margin-top: 5px; color: #596d84; line-height: 1.5; }
.account-dialog .support-workspace .account-support-status { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 7px 10px; font-size: 11px; font-weight: 650; line-height: 1.4; text-transform: none; letter-spacing: 0; border-radius: 8px; white-space: nowrap; }
.account-dialog .support-workspace .account-support-status i { width: 5px; height: 5px; background: currentColor; border-radius: 50%; }
.account-dialog .support-workspace .account-support-status.is-open { background: #fff5d9; color: #79580e; }
.account-dialog .support-workspace .account-support-status.is-progress { background: #edf3ff; color: #285896; }
.account-dialog .support-workspace .account-support-status.is-resolved { background: #e9f6ef; color: #22684c; }
.account-dialog .support-workspace .account-support-item-body { padding: 18px 20px; display: grid; gap: 14px; }
.account-dialog .support-workspace .account-support-item-body > p, .account-dialog .support-workspace .account-support-update p { margin: 0; font-size: 14px; line-height: 1.75; color: #435971; white-space: pre-wrap; overflow-wrap: anywhere; }
.account-dialog .support-workspace .account-support-update { display: grid; gap: 8px; margin: 0; padding: 14px 16px; border: 0; border-left: 3px solid #8dafd7; border-radius: 0 10px 10px 0; background: #f4f8fe; }
.account-dialog .support-workspace .account-support-update.is-yours { background: #f7f9fc; border-left-color: #bcc9d9; }
.account-dialog .support-update-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 5px 14px; }
.account-dialog .support-workspace .account-support-update strong { font-size: 13px; color: #2c527f; font-weight: 650; }
.account-dialog .support-workspace .account-support-update time { color: #526982; font-size: 11px; }
.account-dialog .support-request-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid #e6edf5; padding: 7px 20px; color: #596d84; font-size: 11px; }
.account-dialog .support-request-footer > span { min-width: 0; overflow-wrap: anywhere; }
.account-dialog .support-request-footer button { display: inline-flex; align-items: center; gap: 7px; color: #3261a2; background: transparent; border: 0; min-height: 44px; font-size: 12px; padding: 4px 0; }
.account-dialog .support-request-footer svg { width: 15px; height: 15px; }
.account-dialog .support-copy-status { font-size: 13px; line-height: 1.6; color: #2459a1; overflow-wrap: anywhere; }
.account-dialog .support-copy-status:empty { display: none; }
.account-dialog .support-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 220px; padding: 25px; text-align: center; background: #f8fafd; border: 1px dashed #d3dfec; border-radius: 14px; }
.account-dialog .support-state > svg { width: 36px; height: 36px; color: #396ba9; margin-bottom: 5px; }
.account-dialog .support-state strong { font-size: 18px; font-weight: 650; color: #233751; }
.account-dialog .support-state p { color: #52657d; font-size: 13px; line-height: 1.7; max-width: 440px; margin: 0; }
.account-dialog .support-state button, .account-dialog .support-show-more { border: 1px solid #c6d8ee; border-radius: 10px; color: #2459a1; background: #fff; padding: 10px 15px; }
.account-dialog .support-state button { margin-top: 7px; }
.account-dialog .support-state.is-error { background: #fff9f8; border-color: #e6cccc; }
.account-dialog .support-state.is-error > svg { color: #9d4141; }
.account-dialog .support-show-more { justify-self: center; }
.account-dialog .support-workspace.is-writing :is(.support-toolbar,.account-support-list,.account-support-heading [data-account-support-retry]) { display: none; }
.account-dialog .support-workspace .account-support-form { margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; display: grid; gap: 20px; }
.account-dialog .support-workspace .support-guidance { background: #f4f8fe; border-left: 3px solid #abc8ed; padding: 13px 16px; border-radius: 0 10px 10px 0; margin: 0; font-size: 13px; line-height: 1.7; color: #435971; }
.account-dialog .support-workspace .account-form-grid { gap: 20px 18px; }
.account-dialog .support-workspace .account-support-form label { display: grid; align-content: start; gap: 8px; }
.account-dialog .support-workspace .account-support-form label > span { font-size: 14px; font-weight: 600; color: #233751; }
.account-dialog .support-workspace .account-support-form :is(input,select,textarea), .account-dialog .support-workspace .account-support-reopen-form textarea { width: 100%; min-width: 0; min-height: 48px; padding: 12px 13px; font-family: inherit; font-size: 15px; line-height: 1.6; color: #233751; background: #fff; border: 1px solid #ccd9e8; border-radius: 10px; box-sizing: border-box; }
.account-dialog .support-workspace .account-support-form textarea { min-height: 130px; resize: vertical; }
.account-dialog .support-field-hint { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; color: #52657d; font-size: 12px; line-height: 1.6; }
.account-dialog .support-field-hint > [data-support-subject-count], .account-dialog .support-field-hint > [data-support-message-count] { white-space: nowrap; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.account-dialog .support-category-tip { margin: 0; color: #52657d; font-size: 12px; line-height: 1.6; }
.account-dialog .support-workspace .account-form-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 15px; border-top: 1px solid #e2e9f2; padding-top: 18px; margin: 0; }
.account-dialog .support-workspace.is-writing .account-form-footer { position: sticky; bottom: -28px; z-index: 2; background: #fff; padding-block: 16px 20px; margin-bottom: -28px; }
.account-dialog .support-workspace .account-form-footer > .account-action-feedback { grid-column: 1 / -1; margin: 0; }
.account-dialog .support-workspace .account-form-footer > span { max-width: 260px; color: #52657d; font-size: 12px; line-height: 1.6; }
.account-dialog .support-workspace .account-form-actions { flex-shrink: 0; display: flex; gap: 9px; }
.account-dialog .support-workspace .account-form-actions button { padding: 12px 17px; border-radius: 10px; font-size: 13px; }
.account-dialog .support-workspace .account-action-feedback { font-size: 13px; line-height: 1.6; margin: 0 0 16px; border-radius: 10px; }
.account-dialog .support-workspace .account-action-feedback:empty { display: none; }
.account-dialog .support-workspace .account-action-feedback.is-success { padding: 12px 15px; color: #22684c; background: #e9f6ef; border: 1px solid #cce6d7; }
.account-dialog .support-workspace .account-action-feedback.is-error { padding: 12px 15px; color: #963d42; background: #fff4f4; border: 1px solid #efd5d7; }
.account-dialog .support-workspace .account-support-reopen-form { margin: 0; padding: 15px; gap: 10px; border: 1px solid #dde6f0; border-radius: 10px; background: #fafbfd; }
.account-dialog .support-workspace .account-support-reopen-form label span { font-size: 13px; color: #233751; }
.account-dialog .support-workspace .account-support-reopen-form textarea { font-size: 14px; min-height: 85px; }
.account-dialog .support-workspace .account-support-reopen-form button { justify-self: start; border-radius: 9px; background: #fff; color: #2459a1; border: 1px solid #c6d8ee; padding: 10px 14px; }
@media (max-width: 720px) {
  .account-dialog.is-support-only { width: calc(100vw - 24px); height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); }
  .account-dialog.is-support-only .account-dialog-header { padding: 16px; }
  .account-dialog.is-support-only .account-dialog-content { padding: 20px 16px; }
  .account-dialog .support-workspace .account-support-heading { gap: 10px; margin-bottom: 18px; }
  .account-dialog .support-heading-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
  .account-dialog .support-workspace .account-support-heading > div:first-of-type { min-width: 150px; }
  .account-dialog .support-workspace .account-support-heading h3 { font-size: 21px; }
  .account-dialog .support-workspace .account-heading-actions { width: 100%; margin-top: 6px; }
  .account-dialog .support-workspace .account-heading-actions button { flex: 1; min-width: 0; }
  .account-dialog .support-search-row { grid-template-columns: minmax(0, 1fr); }
  .account-dialog .support-search-row :is(input,select), .account-dialog .support-workspace .account-support-form :is(input,select,textarea), .account-dialog .support-workspace .account-support-reopen-form textarea { font-size: 16px; }
  .account-dialog .support-filters { gap: 6px; }
  .account-dialog .support-filters button { flex: 1; justify-content: center; padding: 9px 8px; gap: 6px; font-size: 12px; }
  .account-dialog .support-workspace .account-support-item > header { padding: 16px; gap: 9px; flex-wrap: wrap; }
  .account-dialog .support-request-heading { flex-basis: calc(100% - 50px); }
  .account-dialog .support-workspace .account-support-status { margin-left: 47px; }
  .account-dialog .support-workspace .account-support-item-body { padding: 16px; }
  .account-dialog .support-workspace .support-request-heading h4 { font-size: 16px; }
  .account-dialog .support-request-footer { padding: 8px 16px; }
  .account-dialog .support-workspace .account-form-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .account-dialog .support-workspace .account-form-footer { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .account-dialog .support-workspace.is-writing .account-form-footer { bottom: -20px; margin-bottom: -20px; padding-bottom: 18px; }
  .account-dialog .support-workspace .account-form-footer > span { max-width: none; }
  .account-dialog .support-workspace .account-form-actions button { flex: 1; min-width: 0; width: auto; padding-inline: 12px; }
  .account-dialog .support-field-hint { font-size: 11px; gap: 8px; }
}
@media (max-width: 360px) {
  .account-dialog .support-filters button { padding-inline: 6px; gap: 4px; }
  .account-dialog .support-filters button span { min-width: 20px; padding-inline: 3px; font-size: 11px; }
  .account-dialog .support-workspace .account-heading-actions button { padding-inline: 9px; font-size: 12px; }
  .account-dialog .support-workspace .account-heading-actions [data-account-support-new] svg { display: none; }
}
@media (prefers-reduced-motion: reduce) { .account-dialog.is-support-only[open] { animation: none; } }

/* Compose a request with clear type and actions outside the reading area. */
html:has(.account-dialog.is-support-only[open]){scrollbar-gutter:auto}
body:has(.account-dialog.is-support-only[open]){overflow:hidden}
.account-dialog .support-compose-body{display:grid;gap:18px;min-width:0}
.account-dialog .support-workspace .support-guidance{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e0e9f3;border-radius:10px;background:#f5f8fc;font-weight:400;line-height:1.5}
.account-dialog .support-compose-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #dce8f4;border-radius:11px;color:#346391;background:#fff}
.account-dialog .support-guidance>span:last-child{min-width:0}
.account-dialog .support-guidance strong{display:block;margin-bottom:3px;color:#294964;font-size:14px;font-weight:600}
.account-dialog .support-guidance>span>span{display:block;color:#5a6f84;font-size:12px;font-weight:400}
.account-dialog .support-workspace .account-support-form label{gap:7px;font-weight:400}
.account-dialog .support-workspace .account-support-form label>span{color:#2c455d;font-size:13px;font-weight:600;line-height:1.5}
.account-dialog .support-workspace .account-support-form label em{font-size:11px;font-weight:400;font-style:normal;color:#5c7186;margin-left:5px}
.account-dialog .support-workspace .account-form-grid{gap:18px}
.account-dialog .support-workspace .account-support-form :is(input,select,textarea){height:46px;min-height:46px;padding:10px 12px;border:1px solid #cddae7;border-radius:8px;color:#263e55;background:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}
.account-dialog .support-workspace .account-support-form textarea{height:112px;min-height:112px;resize:vertical}
.account-dialog .support-workspace .account-support-form :is(input,textarea)::placeholder{color:#627487;font-weight:400;opacity:1}
.account-dialog .support-workspace .account-support-form :is(input,select,textarea):focus{border-color:#6c98c3;box-shadow:0 0 0 3px #376d9e16}
.account-dialog .support-workspace .support-field-hint,.account-dialog .support-workspace .support-field-hint span,.account-dialog .support-workspace .support-category-tip{font-size:11px;font-weight:400;line-height:1.5;color:#5d7186}
.account-dialog .support-workspace .support-field-hint{gap:12px}
.account-dialog .support-compose-privacy{margin:0;color:#627487;font-size:11px;font-weight:400;line-height:1.6}
.account-dialog .support-workspace .account-form-footer>span{font-size:11px;font-weight:400;line-height:1.5;color:#5d7186}
.account-dialog .support-workspace .account-form-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4}
.account-dialog .support-workspace .account-form-actions .account-secondary-button{border:1px solid #cddae7;background:#fff;color:#36566f}
.account-dialog .support-workspace .account-form-actions button[type="submit"]{border:1px solid #235d94;background:#235d94;color:#fff}
.account-dialog .support-workspace .account-form-actions button[type="submit"]:hover{background:#194d7c;border-color:#194d7c}
.account-dialog.is-support-only.is-support-writing{width:min(820px,calc(100vw - 32px));height:min(660px,calc(100svh - 32px));max-height:calc(100svh - 32px)}
.account-dialog.is-support-only.is-support-writing .account-dialog-shell{grid-template-rows:76px minmax(0,1fr);border-radius:16px}
.account-dialog.is-support-only.is-support-writing .account-dialog-header{min-height:76px;padding:14px 24px;gap:16px}
.account-dialog.is-support-only.is-support-writing .account-dialog-avatar{width:40px;height:40px;border-radius:12px;background:#eaf2fb;color:#285c90;font-size:14px;font-weight:650}
.account-dialog.is-support-only.is-support-writing .account-dialog-identity h2{margin:0;font-size:22px;font-weight:650;line-height:1.25;letter-spacing:-.5px;color:#203f59}
.account-dialog.is-support-only.is-support-writing .account-dialog-identity p{margin-top:5px;font-size:11px;line-height:1.4}
.account-dialog.is-support-only.is-support-writing .account-dialog-identity p strong{font-weight:500}
.account-dialog.is-support-only.is-support-writing .account-dialog-logout{display:none}
.account-dialog.is-support-only.is-support-writing .account-dialog-close{width:44px;height:44px;min-height:44px;flex-basis:44px;border-radius:11px;font-weight:400;font-size:26px}
.account-dialog.is-support-only.is-support-writing .account-dialog-content{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}
.account-dialog.is-support-only.is-support-writing .support-workspace{display:flex;flex-direction:column;height:100%;min-height:0;max-width:none}
.account-dialog.is-support-only.is-support-writing .account-support-heading{display:none}
.account-dialog.is-support-only.is-support-writing .account-support-form:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;gap:0;margin:0}
.account-dialog.is-support-only.is-support-writing .support-compose-body{display:grid;align-content:start;flex:1;min-height:0;padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.account-dialog.is-support-only.is-support-writing .support-compose-body:focus-visible{outline:2px solid #6c98c3;outline-offset:-3px}
.account-dialog.is-support-only.is-support-writing .account-form-footer{position:static;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px 24px;margin:0;border-top:1px solid #e1e8f0;background:#fff}
.account-dialog.is-support-only.is-support-writing .account-form-footer>.account-action-feedback{grid-column:1/-1;margin:0;font-weight:400}
@media(max-width:720px){
 .account-dialog.is-support-only.is-support-writing{width:calc(100vw - 24px);height:calc(100svh - 24px);max-height:calc(100svh - 24px)}
 .account-dialog.is-support-only.is-support-writing .account-dialog-shell{grid-template-rows:72px minmax(0,1fr);border-radius:14px}
 .account-dialog.is-support-only.is-support-writing .account-dialog-header{min-height:72px;padding:12px 16px;gap:12px}
 .account-dialog.is-support-only.is-support-writing .account-dialog-avatar{width:36px;height:36px;font-size:12px}
 .account-dialog.is-support-only.is-support-writing .account-dialog-identity{gap:10px}
 .account-dialog.is-support-only.is-support-writing .account-dialog-identity h2{font-size:20px;letter-spacing:-.4px}
 .account-dialog.is-support-only.is-support-writing .support-compose-body{padding:16px;gap:16px;scrollbar-gutter:auto}
 .account-dialog .support-workspace .account-support-form :is(input,select,textarea){font-size:16px}
 .account-dialog .support-workspace .account-form-grid{gap:16px}
 .account-dialog .support-workspace .support-guidance{padding:12px;gap:10px}
 .account-dialog .support-guidance strong{font-size:13px}
 .account-dialog .support-guidance>span>span{font-size:11px}
 .account-dialog .support-compose-icon{flex-basis:34px;height:34px;border-radius:9px}
 .account-dialog .support-workspace .support-field-hint{gap:8px;font-size:10px}
 .account-dialog .support-workspace .support-field-hint span{font-size:10px}
 .account-dialog.is-support-only.is-support-writing .account-form-footer{display:flex;flex-direction:column;align-items:stretch;padding:12px 16px;gap:8px}
 .account-dialog.is-support-only.is-support-writing .account-form-footer>.account-action-feedback{order:0}
 .account-dialog.is-support-only.is-support-writing .account-form-actions{order:1;width:100%;gap:8px}
 .account-dialog.is-support-only.is-support-writing .account-form-actions button{flex:1;min-width:0;padding-inline:10px;font-size:12px}
 .account-dialog.is-support-only.is-support-writing .account-form-footer>span{order:2;text-align:center;max-width:none;font-size:10px}
}

/* The inbox follows the same typography and header as the request composer. */
.account-dialog.is-support-only:not(.is-support-writing){width:min(820px,calc(100vw - 32px));height:min(660px,calc(100svh - 32px));max-height:calc(100svh - 32px)}
.account-dialog.is-support-only:not(.is-support-writing) .account-dialog-shell{grid-template-rows:76px minmax(0,1fr);border-radius:16px}
.account-dialog.is-support-only:not(.is-support-writing) .account-dialog-header{min-height:76px;padding:14px 24px;gap:16px}
.account-dialog.is-support-only .account-dialog-avatar{width:40px;height:40px;border-radius:12px;background:#eaf2fb;color:#285c90;font-size:14px;font-weight:650}
.account-dialog.is-support-only .account-dialog-identity h2{margin:0;font-size:22px;font-weight:650;line-height:1.25;letter-spacing:-.5px;color:#203f59}
.account-dialog.is-support-only .account-dialog-identity p{margin-top:5px;font-size:11px;line-height:1.4}
.account-dialog.is-support-only .account-dialog-identity p strong{font-weight:500}
.account-dialog.is-support-only .account-dialog-logout{display:none}
.account-dialog.is-support-only .account-dialog-close{width:44px;height:44px;min-height:44px;flex-basis:44px;border-radius:11px;font-size:26px;font-weight:400}
.account-dialog.is-support-only:not(.is-support-writing) .account-dialog-content{padding:20px 24px;overflow-y:auto;overscroll-behavior:contain}
.account-dialog.is-support-only .support-workspace:not(.is-writing){display:flex;flex-direction:column;min-height:100%;gap:16px}
.account-dialog.is-support-only .support-workspace:not(.is-writing) .account-support-heading{position:relative;flex:none;gap:16px;margin:0;padding:0;align-items:center}
.account-dialog.is-support-only .support-workspace:not(.is-writing) .support-heading-icon,.account-dialog.is-support-only .account-support-heading>div:first-of-type>span{display:none}
.account-dialog.is-support-only .support-workspace:not(.is-writing) .account-support-heading h3{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.account-dialog.is-support-only .support-workspace:not(.is-writing) .account-support-heading>div:first-of-type{min-width:0;flex:1}
.account-dialog .support-workspace .account-support-heading p{margin:0;color:#5b7186;font-size:12px;font-weight:400;line-height:1.5}
.account-dialog.is-support-only .support-workspace:not(.is-writing) .account-heading-actions{flex:none;width:auto;margin:0;gap:8px}
.account-dialog .support-workspace .account-heading-actions button{min-height:44px;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:500;gap:7px}
.account-dialog .support-workspace .account-heading-actions button svg{width:16px;height:16px}
.account-dialog .support-workspace .account-heading-actions [data-account-support-retry]{border:1px solid #cddae7;background:#fff;color:#36566f}
.account-dialog .support-workspace .account-heading-actions [data-account-support-new]{border:1px solid #235d94;background:#235d94;color:#fff;font-weight:600}
.account-dialog .support-workspace[data-support-state="empty"] .account-heading-actions [data-account-support-new]{display:none}
.account-dialog .support-workspace[data-support-state="error"] .account-heading-actions [data-account-support-retry]{display:none}
.account-dialog .support-workspace .support-toolbar{flex:none;margin:0;padding:0;border:0;gap:12px}
.account-dialog .support-workspace .support-filters{width:max-content;max-width:100%;display:flex;flex-wrap:nowrap;gap:4px;padding:3px;border-radius:10px;background:#f0f4f8}
.account-dialog .support-workspace .support-filters button{min-height:40px;padding:8px 12px;gap:7px;border:1px solid transparent;border-radius:7px;color:#536b82;background:transparent;font-size:12px;font-weight:500;white-space:nowrap}
.account-dialog .support-workspace .support-filters button[aria-pressed="true"]{border-color:#d6e2ed;background:#fff;color:#235d94;box-shadow:0 1px 3px #25476309}
.account-dialog .support-workspace .support-filters button span{min-width:20px;min-height:20px;padding-inline:4px;border-radius:5px;background:#e5edf5;color:#46627c;font-size:10px;font-weight:400}
.account-dialog .support-workspace .support-filters button[aria-pressed="true"] span{background:#edf3fa;color:#235d94}
.account-dialog .support-workspace .support-search-row{gap:10px;grid-template-columns:minmax(0,1fr) 180px}
.account-dialog .support-workspace .support-search{border-radius:8px;border-color:#cddae7;min-height:44px}
.account-dialog .support-workspace .support-search input{min-height:44px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5}
.account-dialog .support-workspace .support-search input::placeholder{font-weight:400;color:#627487;opacity:1}
.account-dialog .support-workspace .support-search-row select{min-height:44px;border-radius:8px;border-color:#cddae7;color:#36566f;font-family:inherit;font-size:14px;font-weight:400}
.account-dialog .support-workspace .support-results{font-size:11px;font-weight:400;color:#627487;min-height:18px}
.account-dialog .support-workspace .support-results button{font-size:11px;font-weight:500}
.account-dialog .support-workspace .account-support-list{flex:1;gap:14px;align-content:start}
.account-dialog .support-workspace[data-support-state="empty"] .account-support-list{display:flex;align-items:stretch;min-height:220px}
.account-dialog .support-workspace .support-state{gap:12px;min-height:220px;padding:28px;border:1px solid #dfe8f1;border-radius:12px;background:#f7fafd}
.account-dialog .support-workspace[data-support-state="empty"] .support-state{flex:1}
.account-dialog .support-workspace .support-state>svg{width:44px;height:44px;padding:10px;border:1px solid #dce8f4;border-radius:12px;color:#376b9d;background:#fff;margin:0}
.account-dialog .support-workspace .support-state strong{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.25px;color:#294964}
.account-dialog .support-workspace .support-state p{max-width:350px;margin:0;font-size:13px;font-weight:400;line-height:1.7;color:#5b7186}
.account-dialog .support-workspace .support-state button{min-height:44px;margin-top:3px;padding:10px 18px;border:1px solid #235d94;border-radius:8px;background:#235d94;color:#fff;font-size:12px;font-weight:600}
.account-dialog .support-workspace .support-state.is-error{background:#fff9f9;border-color:#ecd9dc}
.account-dialog .support-workspace .account-support-item{border-color:#dfe7ef;border-radius:12px}
.account-dialog .support-workspace .account-support-item>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;background:#fff}
.account-dialog .support-workspace .support-category-icon{width:36px;height:36px;border-radius:10px}
.account-dialog .support-workspace .support-request-heading small{font-size:11px;font-weight:400;overflow-wrap:anywhere;color:#5d7186}
.account-dialog .support-workspace .support-request-heading h4{margin-top:5px;color:#294964;font-size:16px;font-weight:600;line-height:1.5}
.account-dialog .support-workspace .support-request-heading time{font-size:11px;font-weight:400;line-height:1.5;color:#627487}
.account-dialog .support-workspace .account-support-status{margin:0;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:500}
.account-dialog .support-workspace .account-support-item-body{gap:14px;padding:16px 18px}
.account-dialog .support-workspace .support-request-message,.account-dialog .support-workspace .account-support-update p{font-size:14px;font-weight:400;line-height:1.75}
.account-dialog .support-workspace .account-support-update{padding:14px 16px;border-left-width:2px}
.account-dialog .support-workspace .account-support-update strong{font-size:12px;font-weight:600}
.account-dialog .support-workspace .account-support-update time{font-size:10px;font-weight:400}
.account-dialog .support-workspace .support-request-footer{padding:7px 18px;background:#fafcff;color:#627487;font-size:10px;font-weight:400}
.account-dialog .support-workspace .support-request-footer button{font-size:11px;font-weight:500}
.account-dialog .support-workspace .support-copy-status{margin:0;color:#365e85;font-size:12px;font-weight:400}
.account-dialog .support-workspace .support-show-more{min-height:44px;border-radius:8px;font-size:12px;font-weight:500}
.account-dialog .support-workspace .account-support-reopen-form{gap:10px;padding:14px;background:#f8fafc}
.account-dialog .support-workspace .account-support-reopen-form label{font-weight:400}
.account-dialog .support-workspace .account-support-reopen-form label span{font-size:12px;font-weight:500}
.account-dialog .support-workspace .account-support-reopen-form textarea{min-height:90px;border-radius:8px;font-size:14px;font-weight:400}
.account-dialog .support-workspace .account-support-reopen-form textarea::placeholder{font-weight:400}
.account-dialog .support-workspace .account-support-reopen-form button{min-height:44px;border-radius:8px;font-size:12px;font-weight:600}
@media(max-width:720px){
 .account-dialog.is-support-only:not(.is-support-writing){width:calc(100vw - 24px);height:calc(100svh - 24px);max-height:calc(100svh - 24px)}
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-shell{grid-template-rows:72px minmax(0,1fr);border-radius:14px}
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-header{min-height:72px;padding:12px 16px;gap:12px}
 .account-dialog.is-support-only .account-dialog-avatar{width:36px;height:36px;font-size:12px}
 .account-dialog.is-support-only .account-dialog-identity{gap:10px}
 .account-dialog.is-support-only .account-dialog-identity h2{font-size:20px;letter-spacing:-.4px}
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-content{padding:16px}
 .account-dialog.is-support-only .support-workspace:not(.is-writing){gap:14px}
 .account-dialog.is-support-only .support-workspace:not(.is-writing) .account-support-heading{gap:10px}
 .account-dialog.is-support-only .support-workspace:not(.is-writing) .account-heading-actions{width:100%}
 .account-dialog.is-support-only .support-workspace:not(.is-writing) .account-heading-actions button{flex:1;min-width:0}
 .account-dialog.is-support-only .support-workspace[data-support-state="empty"] .account-support-heading{flex-wrap:nowrap}
 .account-dialog.is-support-only .support-workspace[data-support-state="empty"] .account-heading-actions{width:auto}
 .account-dialog .support-workspace .support-filters{width:100%;gap:3px}
 .account-dialog .support-workspace .support-filters button{flex:1;padding:8px 6px;font-size:11px;gap:5px}
 .account-dialog .support-workspace .support-filters button span{min-width:18px;min-height:18px;font-size:10px}
 .account-dialog .support-workspace .support-search-row{grid-template-columns:minmax(0,1fr)}
 .account-dialog .support-workspace .support-search input,.account-dialog .support-workspace .support-search-row select,.account-dialog .support-workspace .account-support-reopen-form textarea{font-size:16px}
 .account-dialog .support-workspace .support-state{padding:22px 16px;min-height:220px}
 .account-dialog .support-workspace .support-state strong{font-size:18px}
 .account-dialog .support-workspace .support-state p{font-size:12px}
 .account-dialog .support-workspace .account-support-item>header{grid-template-columns:34px minmax(0,1fr);padding:16px;gap:9px 10px}
 .account-dialog .support-workspace .support-category-icon{width:34px;height:34px}
 .account-dialog .support-workspace .support-request-heading{flex-basis:auto}
 .account-dialog .support-workspace .support-request-heading h4{font-size:15px}
 .account-dialog .support-workspace .account-support-status{grid-column:2;justify-self:start;margin:0}
 .account-dialog .support-workspace .account-support-item-body{padding:14px 16px}
 .account-dialog .support-workspace .support-request-footer{padding:7px 16px}
}
@media(min-width:721px) and (max-height:540px){
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-shell{grid-template-rows:72px minmax(0,1fr)}
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-header{min-height:72px;padding-block:12px}
 .account-dialog.is-support-only:not(.is-support-writing) .account-dialog-content{padding:12px 20px}
 .account-dialog.is-support-only .support-workspace:not(.is-writing){gap:12px}
 .account-dialog .support-workspace .support-state{padding:16px;gap:10px;min-height:180px}
 .account-dialog .support-workspace .support-state>svg{width:34px;height:34px;padding:7px;border-radius:9px}
 .account-dialog .support-workspace .support-state strong{font-size:18px}
 .account-dialog .support-workspace .support-state p{font-size:12px}
}
.account-dialog.is-support-only:not(.is-support-writing):has(.support-workspace[data-support-state="empty"]){height:min(500px,calc(100svh - 32px))}