/* Account surfaces follow the active theme, including all account tabs. */
.account-main :is(.account-tabs,.account-stat,.account-tools,.account-orders-card,.account-profile-card,.account-password-card,.account-support-card,.account-trial-card,.account-security-card,.account-danger-card){background:var(--panel,#fff);color:var(--ink,#142536);border-color:var(--line,#e2e8f0)}
.account-main :is(.account-empty,.account-tool-grid>a,.account-security-kv,.account-quota-item){background:var(--panel,#fff);color:var(--ink,#142536);border-color:var(--line,#e2e8f0)}
.account-main :is(.account-stat strong,.account-section-head h2,.account-tool-grid strong,.account-empty strong){color:var(--ink,#142536)}
.account-main :is(.account-stat small,.muted,.account-tool-grid small,.account-empty p,.account-section-head span){color:var(--muted,#617184)}
html[data-theme="dark"] .account-main .account-tabs a{color:#cbd8e5}
html[data-theme="dark"] .account-main .account-tabs a:is(:hover,.active){background:#3b301a;color:#ffda82}
html[data-theme="dark"] .account-main .account-tool-grid>a:hover{background:#1e3040;border-color:#af862e}
html[data-theme="dark"] .account-main .account-section-head>a,html[data-theme="dark"] .account-main .account-tool-grid b{color:#ffd374}
html[data-theme="dark"] .account-main :is(input,select,textarea){background:#0d1c28;color:#edf4fa;border-color:#42596b}
html[data-theme="dark"] .account-main .data-table{background:var(--panel);color:var(--ink)}
html[data-theme="dark"] .account-main .data-table th{background:#1c3040;color:#d7e4ee}
html[data-theme="dark"] .account-main .data-table td{color:var(--ink);border-color:var(--line)}
.account-hero .account-identity h1{color:#fff}
.account-hero .account-logout{color:#fff}