:root{color-scheme:light}.theme-switch{position:fixed;right:24px;top:22px;z-index:50}.activation-shell{max-width:600px;margin:65px auto;padding:24px}.activation-card{margin:30px 0;padding:35px}.activation-card label{display:block;margin:20px 0 8px;font-size:14px;font-weight:650}.activation-card h1{font-size:31px}.activation-card #forgejoLogin{display:inline-block;margin-top:24px}.activation-card #activationResult{white-space:pre-line;line-height:1.9}.account-options{margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:10px}.account-options .generator-check{margin-top:0}.account-steps{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.9}.account-steps li{margin:16px 0}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px #16796518}.form-surface textarea{resize:vertical}.topbar #themeToggle{padding:8px 10px;font-size:12px;white-space:nowrap}#accountRows td{vertical-align:top}#accountRows td small{overflow-wrap:anywhere}
[data-theme=dark]{color-scheme:dark;--ink:#f1f1f3;--muted:#a1a1aa;--teal:#d4d4d8;--teal-dark:#ffffff;--canvas:#09090b;--line:#303035}[data-theme=dark] body{background:var(--canvas);color:var(--ink)}[data-theme=dark] .sidebar,[data-theme=dark] .surface,[data-theme=dark] .metric-card,[data-theme=dark] .project-card,[data-theme=dark] .login-side,[data-theme=dark] dialog{background:#141416;color:var(--ink)}[data-theme=dark] .topbar{background:#111113f2}[data-theme=dark] .nav-link{color:#b8b8c0}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{background:#262629;color:#fafafa}[data-theme=dark] .sidebar-bottom,[data-theme=dark] .backup-strip,[data-theme=dark] .test-card,[data-theme=dark] .dns-hint,[data-theme=dark] .notice{background:#1b1b1e;color:#dedee3;border-color:var(--line)}[data-theme=dark] .form-control,[data-theme=dark] .domain-input,[data-theme=dark] .domain-input input,[data-theme=dark] .domain-input span{background:#0d0d0f;color:var(--ink);border-color:#3f3f46}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#92929c}[data-theme=dark] label,[data-theme=dark] .step-label,[data-theme=dark] .metric-top,[data-theme=dark] .data-table td strong,[data-theme=dark] .breadcrumb strong{color:#e4e4e7}[data-theme=dark] .data-table th{background:#1d1d20;color:#b8b8c0}[data-theme=dark] .data-table td,[data-theme=dark] .data-table th{border-color:var(--line)}[data-theme=dark] .primary-btn{background:#237c60;color:#fff}[data-theme=dark] .primary-btn:hover{background:#2d9877}[data-theme=dark] .secondary-btn,[data-theme=dark] .small-action{background:#212124;color:#dedee4;border-color:#3f3f46}[data-theme=dark] .badge-soft,[data-theme=dark] .status-badge.success{background:#244d38;color:#b7e5c7}[data-theme=dark] .status-badge.neutral,[data-theme=dark] .status-badge.info{background:#2a4051;color:#c1deee}[data-theme=dark] .status-badge.warning{background:#51442a;color:#f3d591}[data-theme=dark] .status-badge.danger,[data-theme=dark] .notice.error,[data-theme=dark] .activity-error{background:#512f32;color:#ffd0cc}[data-theme=dark] .metric-icon,[data-theme=dark] .project-symbol,[data-theme=dark] .stack-letter{background:#262629;color:#dedee4}[data-theme=dark] .avatar{background:#343438;color:#e4e4e7;border-color:#141416;box-shadow:none}[data-theme=dark] .chart-grid{stroke:#343438}[data-theme=dark] progress{background:#303034}[data-theme=dark] progress::-webkit-progress-bar{background:#303034}[data-theme=dark] .chart-fill{fill:#ffffff0a}[data-theme=dark] .page-footer,[data-theme=dark] .project-card-bottom{border-color:var(--line)}[data-theme=dark] .login-security{color:#c7c7ce}[data-theme=dark] .form-error{color:#ffbcb5}[data-theme=dark] .account-options{background:#111113}[data-theme=dark] .empty-state{color:#b3b3bd}@media(max-width:700px){.theme-switch{right:15px;top:15px;font-size:12px;padding:8px 12px}.topbar #themeToggle{padding:6px;font-size:12px}.topbar-right{gap:8px}.topbar .host-pill{display:none}.activation-shell{margin-top:45px}.activation-card{padding:25px}}

[data-theme=dark] .step-label{background:#242427;color:#e4e4e7}[data-theme=dark] .step-label span{color:#d4d4db}

/* Readable typography v0.3 */

.project-update-summary{margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.project-update-summary small{display:block;font-size:12px;color:var(--muted)}select.form-control{appearance:auto}#updateDialogProject{font-weight:650;color:var(--ink)}

/* Neutral black surfaces; color remains reserved for health/status signals. */
[data-theme=dark] .login-story,[data-theme=dark] .generator-promo{background:linear-gradient(145deg,#171719,#050505);border-color:var(--line)}
[data-theme=dark] .primary-btn{background:#fafafa;color:#09090b;box-shadow:none}[data-theme=dark] .primary-btn:hover{background:#d4d4d8;color:#09090b}
[data-theme=dark] .brand-mark,[data-theme=dark] .brand-light .brand-mark{background:#fafafa;color:#09090b}
[data-theme=dark] .login-story-body p,[data-theme=dark] .login-story>small,[data-theme=dark] .brand-light small,[data-theme=dark] .generator-promo p,[data-theme=dark] .generator-promo .eyebrow,[data-theme=dark] .story-grid span,[data-theme=dark] .stack-chips span{color:#b4b4be}
[data-theme=dark] .stack-list li,[data-theme=dark] .project-card,[data-theme=dark] .login-security,[data-theme=dark] .activity-item{border-color:var(--line)}
[data-theme=dark] .backup-icon,[data-theme=dark] .white-btn{background:#262629;color:#f4f4f5}
.nav-external{margin-top:7px;border-top:1px solid var(--line);border-radius:0;padding-top:18px}.nav-external .external-arrow{margin-left:auto;font-size:14px;width:auto}
