/* Terminal-inspired appearance; choices are local to this browser. */
:root { --chosen-accent: #9cf385; }
:root[data-accent="blue"] { --chosen-accent: #8ed4ff; }
:root[data-accent="amber"] { --chosen-accent: #ffd078; }
:root[data-accent="violet"] { --chosen-accent: #d5b4ff; }
:root[data-mode="dark"] { --accent: var(--chosen-accent); --green: var(--chosen-accent); }
:root[data-mode="dark"] .button.primary { background: var(--chosen-accent); border-color: var(--chosen-accent); color: #101710; }
:root[data-mode="dark"] .nav-item.active { border-left-color: var(--chosen-accent); color: var(--chosen-accent); }
:root[data-mode="dark"] .brand-mark, :root[data-mode="dark"] :focus-visible { border-color: var(--chosen-accent); outline-color: var(--chosen-accent); }
:root[data-mode="light"] { color-scheme: light; --green: #145b4b; --accent: #145b4b; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
:root[data-mode="light"][data-accent="blue"] { --green: #075c91; --accent: #075c91; }
:root[data-mode="light"][data-accent="amber"] { --green: #805000; --accent: #805000; }
:root[data-mode="light"][data-accent="violet"] { --green: #623b91; --accent: #623b91; }
:root[data-mode="light"] h1::before { content: "> "; color: var(--green); }
:root[data-mode="light"] .button.primary { background: var(--green); border-color: var(--green); color: white; }
:root[data-mode="light"] .card, :root[data-mode="light"] .office-card, :root[data-mode="light"] .button, :root[data-mode="light"] input, :root[data-mode="light"] select { border-radius: 2px; }
.appearance-card { margin-bottom: 20px; }
.appearance-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.appearance-row strong { min-width: 80px; }
.mfa-dialog { display: grid; gap: 14px; min-width: min(340px, 80vw); }
.mfa-dialog label { display: grid; gap: 10px; }
.appearance-row .button[aria-pressed="true"] { outline: 2px solid var(--green); outline-offset: 2px; }
.mfa-qr{display:block;max-width:100%;width:245px;height:auto;background:#fff;margin:1rem 0;image-rendering:pixelated}