/* account-refresh: restyle /account to the PreciseEV 2026 board design.
   Loaded last on account.html only; every rule is scoped to
   `body.account-page.settings-page` so login/register/recovery stay untouched. */

html body.account-page.settings-page {
  --ar-bg:#0B0A10;--ar-panel:#101013;--ar-panel-2:#141419;--ar-field:#0d0d0f;
  --ar-line:#1f1f24;--ar-line-2:#2d2d33;--ar-line-3:#3f3f46;
  --ar-text:#f4f4f5;--ar-text-2:#bbbbc1;--ar-muted:#7e7e8a;
  --ar-lime:#7B5CFF;--ar-lime-3:#bfb0ff;--ar-lime-ink:#ffffff;--ar-lime-wash:rgb(124 77 255/.15);--ar-lime-line:rgb(124 77 255/.45);
  --ar-red:#ff7a7a;--ar-red-line:rgb(255 122 122/.42);--ar-amber:#f7b955;
  --ar-font:var(--font,'SL Inter',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif);
  --ar-header:60px;
  background:var(--ar-bg)!important;color:var(--ar-text);font-family:var(--ar-font)!important;font-size:14px;
}
html:has(body.account-page.settings-page) {scroll-behavior:smooth;scroll-padding-top:calc(var(--ar-header) + 20px)}
@media(prefers-reduced-motion:reduce){html:has(body.account-page.settings-page){scroll-behavior:auto}}
html body.account-page.settings-page :is(h1,h2,h3) {font-family:var(--ar-font)!important;color:var(--ar-text)}
html body.account-page.settings-page :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--ar-lime)!important;outline-offset:2px}
html body.account-page.settings-page .acct-icon {width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── Top bar ─────────────────────────────────────────────────────────── */
html body.account-page.settings-page .account-header {
  position:sticky;top:0;z-index:20;width:100%!important;max-width:none;height:var(--ar-header)!important;min-height:0;margin:0;
  padding:0 max(24px,calc((100% - 1240px)/2));gap:16px;
  background:rgb(9 9 11/.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ar-line)!important;
}
html body.account-page.settings-page .account-brand {gap:9px;font-size:19px!important;min-height:0}
html body.account-page.settings-page .account-brand img {width:28px;height:28px;filter:none}
html body.account-page.settings-page .account-header-actions {display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
html body.account-page.settings-page .account-header-actions :is(.account-header-link,.settings-button) {
  display:inline-flex;align-items:center;gap:8px;height:36px;min-height:36px!important;padding:0 14px!important;
  border:1px solid var(--ar-line-2)!important;border-radius:10px!important;background:transparent!important;
  color:var(--ar-text-2)!important;font-size:13px!important;font-weight:550!important;line-height:1;white-space:nowrap;box-shadow:none!important;
}
html body.account-page.settings-page .account-header-actions :is(.account-header-link,.settings-button):hover:not(:disabled) {border-color:var(--ar-line-3)!important;background:var(--ar-panel-2)!important;color:var(--ar-text)!important}
html body.account-page.settings-page .account-header-actions .settings-button:disabled {opacity:.5}
html body.account-page.settings-page .account-header-link span {font-size:inherit;line-height:inherit}
html body.account-page.settings-page .account-header-actions .account-header-link {max-width:none;text-align:left}

/* ── Layout ──────────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-layout {
  display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start;
  width:min(100% - 48px,1240px);margin:0 auto;padding:28px 0 64px;
}
html body.account-page.settings-page .settings-main {max-width:880px;padding:4px 0 0;min-width:0}

/* ── Sidebar card ────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-sidebar {
  position:sticky;top:calc(var(--ar-header) + 24px);display:flex;flex-direction:column;min-height:0;
  max-height:calc(100svh - var(--ar-header) - 48px);overflow:auto;padding:12px!important;
  border:1px solid var(--ar-line)!important;border-radius:16px;background:var(--ar-panel)!important;
}
html body.account-page.settings-page .account-identity {
  display:flex!important;align-items:center;gap:12px;margin:0 0 8px;padding:8px 8px 16px!important;
  border:0!important;border-bottom:1px solid var(--ar-line)!important;border-radius:0!important;background:none!important;
}
html body.account-page.settings-page .account-avatar {
  width:40px;height:40px;margin:0;flex:none;border-radius:12px!important;font-size:17px;font-weight:650;
  background:var(--ar-lime-wash)!important;border:1px solid var(--ar-lime-line)!important;color:var(--ar-lime)!important;
}
html body.account-page.settings-page .account-identity-copy {display:grid;gap:4px;min-width:0}
html body.account-page.settings-page .account-identity strong {font-size:14px;font-weight:600;line-height:1.25;color:var(--ar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.account-page.settings-page #identity-plan {
  justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;
  background:var(--ar-lime-wash);color:var(--ar-lime);font-size:11px;font-weight:600;line-height:16px;text-transform:capitalize;
}
html body.account-page.settings-page #identity-plan::before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
html body.account-page.settings-page .settings-sidebar nav {display:grid;gap:2px}
html body.account-page.settings-page .acct-nav-label {margin:12px 12px 6px;color:var(--ar-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html body.account-page.settings-page .settings-sidebar nav a {
  position:relative;display:flex;align-items:center;gap:10px;height:40px;min-height:40px;padding:0 12px!important;
  border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  color:var(--ar-text-2)!important;font-size:13.5px;font-weight:500;white-space:nowrap;
  transition:background-color .15s,color .15s;
}
html body.account-page.settings-page .settings-sidebar nav a .acct-icon {color:var(--ar-muted);transition:color .15s}
html body.account-page.settings-page .settings-sidebar nav a:hover {background:var(--ar-panel-2)!important;color:var(--ar-text)!important}
html body.account-page.settings-page .settings-sidebar nav a:hover .acct-icon {color:var(--ar-text-2)}
html body.account-page.settings-page .settings-sidebar nav a[aria-current] {background:var(--ar-lime-wash)!important;color:var(--ar-text)!important;font-weight:600}
html body.account-page.settings-page .settings-sidebar nav a[aria-current] .acct-icon {color:var(--ar-lime)}
html body.account-page.settings-page .settings-sidebar nav a[aria-current]::before {content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--ar-lime)}
html body.account-page.settings-page .settings-sidebar-home {
  display:flex!important;align-items:center;gap:10px;height:auto;min-height:52px;margin:12px 0 0!important;padding:12px 12px 0!important;
  border:0;border-top:1px solid var(--ar-line)!important;border-radius:0!important;
  color:var(--ar-muted)!important;font-size:13px;font-weight:500;background:none!important;
}
html body.account-page.settings-page .settings-sidebar-home:hover {color:var(--ar-text)!important}

/* ── Page heading ────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-heading {margin:0 0 24px;display:block}
html body.account-page.settings-page .settings-kicker {margin:0 0 8px;color:var(--ar-lime)!important;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
html body.account-page.settings-page .settings-heading h1 {margin:0 0 6px;font-size:28px!important;line-height:1.2;font-weight:650!important;letter-spacing:-.02em!important}
html body.account-page.settings-page .settings-heading p:last-child {margin:0;color:var(--ar-text-2);font-size:14px}

/* ── Section cards ───────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-section {
  margin:0 0 20px;padding:24px!important;scroll-margin-top:calc(var(--ar-header) + 20px);
  border:1px solid var(--ar-line)!important;border-radius:16px!important;background:var(--ar-panel)!important;box-shadow:none;
}
html body.account-page.settings-page .section-heading {margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--ar-line)}
html body.account-page.settings-page .section-heading h2 {margin:0 0 4px;font-size:18px!important;line-height:1.3;font-weight:600!important;letter-spacing:-.01em!important}
html body.account-page.settings-page .section-heading p {margin:0;color:var(--ar-muted);font-size:13px;line-height:1.5}
html body.account-page.settings-page :is(.settings-row h3,.session-heading h3,.plan-option h3) {margin:0;font-size:14px;font-weight:600;letter-spacing:0;color:var(--ar-text)}
html body.account-page.settings-page :is(.settings-row p,.settings-disclosure>p,.subscription-summary p,.plan-option p) {color:var(--ar-muted);font-size:13px;line-height:1.55}

/* ── Fields ──────────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body.account-page.settings-page .account-field {position:relative;margin:0 0 16px}
html body.account-page.settings-page .account-field label {display:block;margin:0 0 6px;color:var(--ar-muted)!important;font-size:12px;font-weight:500;line-height:16px}
html body.account-page.settings-page .account-field :is(input,select) {
  display:block;width:100%;height:42px!important;min-height:42px;padding:0 12px;
  border:1px solid var(--ar-line-2)!important;border-radius:9px!important;background:var(--ar-field)!important;
  color:var(--ar-text)!important;font-size:14px;box-shadow:none;
}
html body.account-page.settings-page .account-field textarea {
  display:block;width:100%;padding:10px 12px;border:1px solid var(--ar-line-2)!important;border-radius:9px!important;background:var(--ar-field)!important;color:var(--ar-text)!important;
}
html body.account-page.settings-page .account-field :is(input,select,textarea):hover {border-color:var(--ar-line-3)!important}
html body.account-page.settings-page .account-field :is(input,select,textarea):focus {border-color:rgb(124 77 255/.6)!important;box-shadow:0 0 0 3px rgb(124 77 255/.18)!important;outline:none}
html body.account-page.settings-page .account-field input[readonly] {color:var(--ar-text-2)!important;background:#0b0b0e!important;cursor:default}
html body.account-page.settings-page .account-field input[readonly]:focus {border-color:var(--ar-line-3)!important;box-shadow:none!important}
html body.account-page.settings-page .account-field select {
  appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237e7e8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;
}
html body.account-page.settings-page .account-help {margin:6px 0 0;color:var(--ar-muted)!important;font-size:12px;line-height:1.55}
html body.account-page.settings-page .account-check {display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 0;color:var(--ar-text-2);font-size:13px;line-height:1.5;min-height:0}
html body.account-page.settings-page .account-check input {width:16px;height:16px;min-height:0;margin:2px 0 0;accent-color:var(--ar-lime)}
html body.account-page.settings-page .settings-fieldset {margin:4px 0 16px;padding:4px 14px 12px;border:1px solid var(--ar-line)!important;border-radius:12px;background:var(--ar-field)}
html body.account-page.settings-page .settings-fieldset legend {padding:0 6px;margin-left:-6px;color:var(--ar-muted);font-size:12px;font-weight:500}
html body.account-page.settings-page .settings-fieldset .account-check+.account-check {border-top:1px solid var(--ar-line)}
html body.account-page.settings-page #preferences-form {max-width:none}
html body.account-page.settings-page #odds-format {max-width:320px}

/* Status chips: verification sits on the label row, right-aligned. */
html body.account-page.settings-page .verification-badge {
  position:absolute;top:-2px;right:0;display:inline-flex;align-items:center;gap:5px;margin:0;padding:2px 9px;
  border:1px solid var(--ar-lime-line)!important;border-radius:999px!important;background:var(--ar-lime-wash)!important;
  color:var(--ar-lime)!important;font-size:11px;font-weight:600;line-height:16px;
}
html body.account-page.settings-page .verification-badge::before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
html body.account-page.settings-page .verification-badge:not([data-verified=true]) {border-color:rgb(247 185 85/.35)!important;background:rgb(247 185 85/.1)!important;color:var(--ar-amber)!important}

/* ── Buttons ─────────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-button {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:40px!important;padding:0 16px!important;
  border:1px solid var(--ar-lime)!important;border-radius:10px!important;background:var(--ar-lime)!important;color:var(--ar-lime-ink)!important;
  font-size:13px!important;font-weight:600!important;line-height:1.2;box-shadow:none!important;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s;
}
html body.account-page.settings-page .settings-button:hover:not(:disabled) {background:var(--ar-lime-3)!important;border-color:var(--ar-lime-3)!important}
html body.account-page.settings-page .settings-button.secondary {background:transparent!important;border-color:var(--ar-line-2)!important;color:var(--ar-text)!important}
html body.account-page.settings-page .settings-button.secondary:hover:not(:disabled) {background:var(--ar-panel-2)!important;border-color:var(--ar-line-3)!important}
html body.account-page.settings-page .settings-button.danger {background:transparent!important;border-color:var(--ar-red-line)!important;color:var(--ar-red)!important}
html body.account-page.settings-page .settings-button.danger:hover:not(:disabled) {background:rgb(255 122 122/.08)!important;border-color:var(--ar-red)!important}
html body.account-page.settings-page .settings-button:disabled {opacity:.45;cursor:not-allowed}
html body.account-page.settings-page .settings-text-button {height:32px;padding:0 10px;border-radius:8px;color:var(--ar-lime)!important;font-size:12.5px;font-weight:600}
html body.account-page.settings-page .settings-text-button:hover {background:var(--ar-lime-wash)}
html body.account-page.settings-page .settings-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:4px}
html body.account-page.settings-page .settings-actions .account-help {margin:0}

/* Status messages */
html body.account-page.settings-page .account-status {margin:14px 0 0;padding:10px 12px;border:1px solid var(--ar-lime-line);border-radius:10px;background:var(--ar-lime-wash);color:var(--ar-text-2);font-size:13px}
html body.account-page.settings-page .account-status:is(.error,[data-tone=error]) {border-color:var(--ar-red-line)!important;background:rgb(255 122 122/.08)!important;color:#ffc9c9!important}
html body.account-page.settings-page #account-load-status {margin:0 0 20px}

/* ── Disclosures (<details>) ─────────────────────────────────────────── */
html body.account-page.settings-page .settings-disclosure {
  margin:16px 0 0;padding:0!important;border:1px solid var(--ar-line)!important;border-radius:12px!important;background:var(--ar-field)!important;overflow:hidden;
}
html body.account-page.settings-page .settings-disclosure>summary {
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin:0!important;padding:0 16px;
  list-style:none;color:var(--ar-text);font-size:13.5px;font-weight:550;cursor:pointer;transition:background-color .15s;
}
html body.account-page.settings-page .settings-disclosure>summary::-webkit-details-marker {display:none}
html body.account-page.settings-page .settings-disclosure>summary::after {
  content:'';flex:none;width:7px;height:7px;margin:-3px 2px 0 0;border-right:1.6px solid var(--ar-muted);border-bottom:1.6px solid var(--ar-muted);
  transform:rotate(45deg);transition:transform .2s;
}
html body.account-page.settings-page .settings-disclosure[open]>summary::after {transform:rotate(-135deg);margin-top:4px}
html body.account-page.settings-page .settings-disclosure>summary:hover {background:rgb(255 255 255/.025)}
html body.account-page.settings-page .settings-disclosure[open]>summary {border-bottom:1px solid var(--ar-line)}
html body.account-page.settings-page .settings-disclosure>:not(summary) {margin-left:16px;margin-right:16px}
html body.account-page.settings-page .settings-disclosure>:not(summary):nth-child(2) {margin-top:14px}
html body.account-page.settings-page .settings-disclosure[open] {padding-bottom:16px!important}
html body.account-page.settings-page .settings-disclosure>p {margin-top:0;margin-bottom:12px;max-width:68ch}
html body.account-page.settings-page .settings-disclosure form {max-width:480px;margin-top:4px}
html body.account-page.settings-page .settings-disclosure .account-status {margin-top:12px}
html body.account-page.settings-page .settings-disclosure a {color:var(--ar-lime)!important}
html body.account-page.settings-page .danger-disclosure {border-color:rgb(255 122 122/.25)!important}
html body.account-page.settings-page .danger-disclosure>summary {color:var(--ar-red)}
html body.account-page.settings-page .danger-disclosure>summary::after {border-color:var(--ar-red)}

/* ── Rows & lists ────────────────────────────────────────────────────── */
html body.account-page.settings-page .settings-row {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:16px 0 0;border-top:1px solid var(--ar-line)!important}
html body.account-page.settings-page .settings-row p {margin:3px 0 0}
html body.account-page.settings-page .section-heading+.settings-row {margin-top:0;padding-top:0;border-top:0!important}
html body.account-page.settings-page :is(#session-list,#activity-list) {max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ar-line-3) transparent}
html body.account-page.settings-page .settings-disclosure+.settings-row {margin-top:20px}
html body.account-page.settings-page #mfa-management {margin-top:12px}
html body.account-page.settings-page #mfa-management+.account-help,html body.account-page.settings-page .settings-row+.account-help {margin-top:10px}
html body.account-page.settings-page .session-heading {display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--ar-line)}
html body.account-page.settings-page .settings-list {margin:10px 0 16px;padding:0;list-style:none;border:1px solid var(--ar-line);border-radius:12px;background:var(--ar-field);overflow:hidden}
html body.account-page.settings-page .settings-list>li {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:0!important;border-top:1px solid var(--ar-line)!important;color:var(--ar-text-2);font-size:13px}
html body.account-page.settings-page .settings-list>li:first-child {border-top:0!important}
html body.account-page.settings-page .settings-list strong {color:var(--ar-text);font-size:13px;font-weight:550;line-height:1.45;text-transform:none}
html body.account-page.settings-page .settings-list span {margin-top:2px;color:var(--ar-muted);font-size:12px}
html body.account-page.settings-page .activity-list strong::first-letter {text-transform:uppercase}
html body.account-page.settings-page .activity-list>li {align-items:center}
html body.account-page.settings-page .activity-list>li>span {margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Workspace shortcut cards */
html body.account-page.settings-page .workspace-links {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0}
html body.account-page.settings-page .workspace-links a {
  position:relative;display:block;padding:14px 32px 14px 14px;border:1px solid var(--ar-line)!important;border-radius:12px!important;background:var(--ar-field)!important;
  transition:border-color .15s,background-color .15s;
}
html body.account-page.settings-page .workspace-links a::after {
  content:'';position:absolute;top:18px;right:15px;width:6px;height:6px;border-top:1.6px solid var(--ar-muted);border-right:1.6px solid var(--ar-muted);transform:rotate(45deg);
}
html body.account-page.settings-page .workspace-links a:hover {border-color:var(--ar-lime-line)!important;background:var(--ar-panel-2)!important}
html body.account-page.settings-page .workspace-links a:hover::after {border-color:var(--ar-lime)}
html body.account-page.settings-page .workspace-links strong {margin-bottom:4px;color:var(--ar-text);font-size:13px;font-weight:600}
html body.account-page.settings-page .workspace-links span {color:var(--ar-muted);font-size:12px;line-height:1.45}

/* ── Plan & billing ──────────────────────────────────────────────────── */
html body.account-page.settings-page .subscription-summary {
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px!important;
  border:1px solid var(--ar-lime-line)!important;border-radius:12px!important;
  background:linear-gradient(135deg,rgb(124 77 255/.135),rgb(124 77 255/.03) 60%)!important;
}
html body.account-page.settings-page .subscription-summary .account-help {display:block;margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html body.account-page.settings-page .subscription-summary h3 {margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em;text-transform:capitalize}
html body.account-page.settings-page .subscription-summary p {margin:4px 0 0}
html body.account-page.settings-page .feature-list {display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px;padding:0;list-style:none}
html body.account-page.settings-page .feature-list li {padding:3px 10px;border:1px solid var(--ar-line-2);border-radius:999px;background:var(--ar-field);color:var(--ar-text-2);font-size:12px;line-height:18px;text-transform:capitalize}
html body.account-page.settings-page #billing-availability {margin:12px 0 0}
html body.account-page.settings-page .plan-options {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
html body.account-page.settings-page .plan-option {display:flex;flex-direction:column;padding:16px!important;border:1px solid var(--ar-line)!important;border-radius:12px!important;background:var(--ar-field)!important}
html body.account-page.settings-page .plan-option p {margin:6px 0 10px;flex:1}
html body.account-page.settings-page .plan-option .settings-button {width:100%;margin-top:6px}

/* ── Dialogs ─────────────────────────────────────────────────────────── */
html body.account-page.settings-page .account-dialog {padding:24px;border:1px solid var(--ar-line-2)!important;border-radius:16px!important;background:var(--ar-panel)!important;color:var(--ar-text)!important}
html body.account-page.settings-page .account-dialog h2 {margin:0 0 8px;font-size:20px;font-weight:600!important;letter-spacing:-.01em!important}
html body.account-page.settings-page .account-dialog p {color:var(--ar-text-2);font-size:13px}
html body.account-page.settings-page #backup-codes-panel {border-top-color:var(--ar-line)}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media(max-width:1100px){
  html body.account-page.settings-page .settings-layout {grid-template-columns:232px minmax(0,1fr);gap:24px}
  html body.account-page.settings-page .workspace-links {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:899px){
  html body.account-page.settings-page {--ar-header:56px}
  html body.account-page.settings-page .account-header {padding:0 16px;position:relative}
  html:has(body.account-page.settings-page) {scroll-padding-top:72px}
  html body.account-page.settings-page .settings-layout {display:block;width:100%;padding:0 0 48px}
  html body.account-page.settings-page .settings-sidebar {
    position:sticky;top:0;z-index:15;display:block;max-height:none;overflow:visible;margin:0 0 20px;padding:10px 0!important;
    border:0!important;border-bottom:1px solid var(--ar-line)!important;border-radius:0;background:rgb(9 9 11/.92)!important;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  html body.account-page.settings-page :is(.account-identity,.settings-sidebar-home,.acct-nav-label) {display:none!important}
  html body.account-page.settings-page .settings-sidebar nav {display:flex;gap:6px;overflow-x:auto;padding:0 16px;scrollbar-width:none;scroll-padding-inline:16px}
  html body.account-page.settings-page .settings-sidebar nav::-webkit-scrollbar {display:none}
  html body.account-page.settings-page .settings-sidebar nav a {
    flex:none;height:36px;min-height:36px!important;padding:0 14px!important;gap:7px;border:1px solid var(--ar-line-2);border-radius:999px!important;font-size:13px;
  }
  html body.account-page.settings-page .settings-sidebar nav a .acct-icon {width:14px;height:14px}
  html body.account-page.settings-page .settings-sidebar nav a[aria-current] {border-color:var(--ar-lime-line);color:var(--ar-lime)!important}
  html body.account-page.settings-page .settings-sidebar nav a[aria-current]::before {display:none}
  html body.account-page.settings-page .settings-main {padding:0 16px}
  html body.account-page.settings-page .settings-section {padding:18px!important;scroll-margin-top:72px}
  html body.account-page.settings-page .settings-grid {grid-template-columns:minmax(0,1fr);gap:0}
  html body.account-page.settings-page .plan-options {grid-template-columns:minmax(0,1fr)}
  html body.account-page.settings-page .settings-row {flex-direction:column;align-items:stretch;gap:12px}
  html body.account-page.settings-page .subscription-summary {flex-direction:column;align-items:stretch}
  html body.account-page.settings-page .settings-row>.settings-button,html body.account-page.settings-page .subscription-summary>.settings-button {max-width:none;align-self:flex-start}
  html body.account-page.settings-page .settings-button {min-height:44px!important;white-space:normal}
  html body.account-page.settings-page .account-field :is(input,select) {height:44px!important;font-size:16px}
  html body.account-page.settings-page .settings-list>li {flex-wrap:wrap}
  html body.account-page.settings-page .activity-list>li {display:flex;flex-direction:column;align-items:flex-start;gap:2px}
}
@media(max-width:560px){
  html body.account-page.settings-page .account-brand {font-size:17px!important}
  html body.account-page.settings-page .account-brand img {width:24px;height:24px}
  html body.account-page.settings-page .account-header-actions :is(.account-header-link,.settings-button) {padding:0 10px!important;font-size:12px!important}
  html body.account-page.settings-page .account-header-link .acct-icon {display:none}
  html body.account-page.settings-page .settings-heading h1 {font-size:24px!important}
}
@media(max-width:380px){
  html body.account-page.settings-page .account-header-actions .settings-button .acct-icon {display:none}
}

/* ── Support & notices (support.html shares this sheet) ──────────────── */
html body.account-page.settings-page.support-page .support-heading-row {display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
html body.account-page.settings-page.support-page .support-heading-row .settings-button {flex:none}
html body.account-page.settings-page.support-page .support-list {display:grid;gap:10px}
html body.account-page.settings-page.support-page .support-list>.account-help {max-width:none!important;display:flex;align-items:center;gap:10px;margin:0;padding:16px 18px;border:1px dashed var(--ar-line-2);border-radius:14px;background:rgb(255 255 255/.015);color:var(--ar-muted)}
html body.account-page.settings-page.support-page .support-list>.account-help::before {content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ar-lime);box-shadow:0 0 0 3px rgb(124 77 255/.21),0 0 10px rgb(124 77 255/.5)}
html body.account-page.settings-page.support-page .support-list .admin-account-row {display:grid;gap:8px;margin:0;padding:16px 18px!important;border:1px solid var(--ar-line)!important;border-radius:14px!important;background:linear-gradient(180deg,rgb(255 255 255/.025),transparent),var(--ar-field)!important;transition:border-color .15s}
html body.account-page.settings-page.support-page .support-list .admin-account-row:hover {border-color:var(--ar-lime-line)!important}
html body.account-page.settings-page.support-page .support-list .admin-account-row header {display:flex;align-items:center;justify-content:space-between;gap:12px}
html body.account-page.settings-page.support-page .support-list .admin-account-row h3 {margin:0;font-size:14.5px;font-weight:650}
html body.account-page.settings-page.support-page .support-list .admin-account-row p {margin:0;color:var(--ar-text-2);font-size:13px;line-height:1.55}
html body.account-page.settings-page.support-page .support-list .admin-account-row .account-help {color:var(--ar-muted);font-size:12px}
html body.account-page.settings-page.support-page .admin-account-status {display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;background:var(--ar-lime-wash);color:var(--ar-lime);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:capitalize}
html body.account-page.settings-page.support-page .admin-account-status::before {content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
html body.account-page.settings-page.support-page .connected-pagination {display:flex;align-items:center;gap:10px;margin-top:14px}
html body.account-page.settings-page.support-page .connected-pagination #reports-page {color:var(--ar-muted);font-size:12.5px;font-weight:600}
html body.account-page.settings-page.support-page .connected-pagination:has(#reports-previous:disabled):has(#reports-next:disabled) {display:none}
html body.account-page.settings-page.support-page #report-form {display:grid;gap:14px}
html body.account-page.settings-page.support-page #report-form .settings-grid {margin:0}

/* ── Soft lime glow: page canvas, heading and section cards ─────────── */
html body.account-page.settings-page {background:radial-gradient(900px 420px at 18% -8%,rgb(124 77 255/.105),transparent 65%),radial-gradient(700px 360px at 100% 0%,rgb(111 182 255/.035),transparent 70%),var(--ar-bg)!important;background-attachment:fixed!important}
html body.account-page.settings-page .settings-section {position:relative;background:linear-gradient(180deg,rgb(255 255 255/.022),transparent 120px),var(--ar-panel)!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.03)}
html body.account-page.settings-page .settings-section::before {content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgb(124 77 255/.525),transparent);opacity:.7;pointer-events:none}
html body.account-page.settings-page .settings-heading h1 {text-shadow:0 0 40px rgb(124 77 255/.18)}
html body.account-page.settings-page .settings-sidebar {box-shadow:inset 0 1px 0 rgb(255 255 255/.03),0 20px 50px -34px rgb(124 77 255/.375)}