/* Personal, screen-only options; fonts use installed fallbacks without downloads. */
.account-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; padding: 16px; margin: 18px 0; border: 1px solid var(--line); border-radius: var(--radius); }
.account-overview dt { color: var(--muted); font-size: 12px; }
.account-overview dd { margin: 5px 0 0; overflow-wrap: anywhere; }
.profile-security { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.profile-security h2 { margin-top: 0; }
:root[data-font="rounded"] .app-body { font-family: "Trebuchet MS", "Segoe UI", sans-serif; }
:root[data-font="mono"] .app-body { font-family: Consolas, "Cascadia Mono", monospace; }
body[data-accent="teal"] { --brand: #0f766e; --brand2: #0d9488; --brand-hover: #115e59; }
body[data-accent="blue"] { --brand-hover: #1e40af; }
body[data-accent="purple"] { --brand-hover: #5b21b6; }
body[data-accent="emerald"] { --brand: #047857; --brand2: #059669; --brand-hover: #065f46; }
body[data-accent="rose"] { --brand: #be123c; --brand2: #e11d48; --brand-hover: #9f1239; }
body[data-accent="amber"] { --brand: #92400e; --brand2: #b45309; --brand-hover: #78350f; }
:root body[data-accent] .button.primary:hover { background: var(--brand-hover); }
body[data-accent] .nav-link.active { box-shadow: inset 3px 0 0 var(--brand2); }
body:is([data-accent="emerald"], [data-accent="rose"], [data-accent="amber"]) .nav-link.active { background: var(--brand); }
:root[data-contrast="strong"] { --muted: #374151; --line: #64748b; }
:root[data-theme="dark"][data-contrast="strong"] { --muted: #d1dae7; --line: #94a3b8; }
:root[data-contrast="strong"] :is(input, select, textarea, .button, .search-select-button) { border-color: var(--line); }
body[data-corners="square"] { --radius: 4px; --control-radius: 4px; }
body[data-corners="rounded"] { --radius: 18px; --control-radius: 12px; }
body:is([data-corners="square"], [data-corners="rounded"]) :is(
    .card, .metric, .job-list-card, .item-card, .job-accordion,
    .settings-section, .question-card, .upgrade-dialog, .pd-panel, .td-panel, .pd-stat, .td-stat
) { border-radius: var(--radius); }
body:is([data-corners="square"], [data-corners="rounded"]) :is(
    .button, .icon-button, input, select, textarea, .search-select-button, .search-select-menu
) { border-radius: var(--control-radius); }
body[data-text-size="extraLarge"] { font-size: 20px; }
body[data-text-size="extraLarge"] :is(input, select, textarea, .field label, .nav-link, .button, td) { font-size: 19px; }
body[data-content-width="wide"] .content { max-width: none; }
body[data-row-stripes="on"] .content tbody tr:nth-child(even):not(:hover) { background: #eef3f8; }
:root[data-theme="dark"] body[data-row-stripes="on"] .content tbody tr:nth-child(even):not(:hover) { background: var(--surface-raised); }
@media (min-width: 821px) {
    body[data-density="spacious"] .content { padding: 28px 32px 40px; }
    body[data-density="spacious"] .card.pad { padding: 24px; }
    body[data-density="spacious"] :is(td, th) { padding-top: 16px; padding-bottom: 16px; }
    body[data-density="spacious"] .nav-link { padding-top: 13px; padding-bottom: 13px; }
    body[data-density="spacious"] :is(.form-grid, .stack) { gap: 20px; }
}