.control-login { --brand: #2866ad; --brand-dark: #15467e; --brand-soft: #e7f1fc; }
.control-login .auth-brand { background: radial-gradient(ellipse at 70% 20%, #4079ad55, transparent 60%), linear-gradient(145deg, #142b49, #101b30 70%, #15263f); }
.control-login .auth-brand .eyebrow, .control-login .auth-brand p { color: #b5cde5; }
.control-login .auth-brand h1 em { color: #a1d5ff; }
.control-login .login-brand-copy h1 em { background-image: linear-gradient(95deg, #f1f8ff, #8cc9ff 55%, #c3e4ff); }
.control-login .auth-shell--glass { background: #e7eef8; }
html[data-theme="dark"] .control-login .auth-shell--glass { background: #0e1929; }
.control-login .login-glass-card button[type="submit"] { background: linear-gradient(110deg, #306fb7, #224b80); color: #fff; }
.control-login .login-field input:focus { border-color: #72b8fc; box-shadow: 0 0 0 4px #4e9ced2b; outline: none; }
.control-login .login-glow-one { background: #509cff; }
.control-login .login-glow-two { background: #74bfe8; }
.control-login .login-glow-three { background: #8192df; }
.control-login .login-highlights span { border-color: #b1d7ff30; color: #d9edff; background: #74bafe0e; }
.control-login .login-brand-mark { color: white; background: linear-gradient(145deg, #4b8bd1, #1b4676); }
.control-login .login-field input { padding-left: 18px; }
.control-login .login-trust-note { text-decoration: none; }
.control-login .login-trust-note small { color: #adc9e5; }
.control-login .login-card-kicker, .control-login .login-help { color: #527ca8; }
html[data-theme="dark"] .control-login .login-glass-card { border-color: #536c8c66; background: linear-gradient(145deg, #233249ed, #172436ef); }
html[data-theme="dark"] .control-login .login-glass-card input { background: #111d30; border-color: #405a79; color: #f0f7ff; }
html[data-theme="dark"] .control-login .login-glass-card :is(h2, label) { color: #ecf4fd; }
html[data-theme="dark"] .control-login .login-glass-card .intro { color: #bacbdc; }
.control-topbar { gap: 20px; row-gap: 12px; padding-top: 14px; padding-bottom: 14px; flex-wrap: wrap; }
.control-topbar .wordmark > span:last-child { display: grid; gap: 2px; }
.control-topbar .app-nav { flex-wrap: wrap; }
.control-topbar .user-area { margin-left: auto; flex-wrap: wrap; }
body.control-page { --ink: #1b2d42; --muted: #627489; --line: #d5dfeb; --brand: #2d66ad; --brand-dark: #244c7a; --brand-soft: #e9f1fc; }
.control-page .app-shell { background: #f3f6fb; }
.control-page .app-shell::before { background: radial-gradient(ellipse, #69a6df24, transparent 70%); }
.control-page .app-shell::after { background: radial-gradient(ellipse, #9caee01c, transparent 70%); }
.control-page :is(.primary-link, .primary-button) { background: linear-gradient(110deg, #306fb7, #224b80); color: #fff; border-color: #346da6; }
@media (max-width: 700px) { .control-topbar .user-area { margin-left: 0; } }
@media screen {
  html[data-theme="dark"] body.control-page { --canvas: #111820; --ink: #edf1f3; --muted: #a5b1ba; --line: #344458; --brand: #9dcbff; --brand-soft: #25394e; --brand-dark: #c2e0ff; }
  html[data-theme="dark"] body.control-page .app-shell { background: #111820; }
  html[data-theme="dark"] body.control-page .control-topbar { background: #171f2a; border-color: #354458; }
  html[data-theme="dark"] body.control-page :is(.primary-link, .primary-button) { background: #366fae; color: #fff; border-color: #6193c7; }
  html[data-theme="dark"] body.control-login .login-field input:focus { border-color: #72b8fc; box-shadow: 0 0 0 4px #4e9ced2b; }
  html[data-theme="dark"] body.control-login .login-glass-card button[type="submit"] { background: linear-gradient(110deg, #306fb7, #224b80); color: #fff; }
}