/* Account extras (account.ext.js). Uses app.css's tokens and classes. */
.xa details { border-top: 1px solid var(--line); padding: 10px 0; }
.xa details:first-of-type { border-top: 0; padding-top: 0; }
.xa summary { cursor: pointer; font-weight: 600; list-style: none; padding: 4px 0; }
.xa summary::-webkit-details-marker { display: none; }
.xa summary::after { content: "+"; float: right; color: var(--muted); font-weight: 400; }
.xa details[open] > summary::after { content: "\2212"; }
.xa .xaf { margin-top: 10px; }
.xa .xaf .btn { margin-top: 2px; }
.xa .muted { font-size: 14.5px; margin: 10px 0; }
.xa .btn { margin-top: 4px; }
.xa .xdanger { margin-top: 14px; }
.xa .xdanger summary { color: #b3412f; }
:root[data-theme="night"] .xa .xdanger summary { color: #f08b78; }
@media (prefers-color-scheme: dark) { :root[data-theme="auto"] .xa .xdanger summary { color: #f08b78; } }
.panel .switch a { color: var(--gold-ink); font-weight: 600; }