/* ══════ LOGIN ══════ */
#login-screen { display: flex; align-items: center; justify-content: center; height: 100vh; background: var(--bg); }
.login-box { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 2.5rem; width: 360px; }
.login-box h1 { font-size: 1.1rem; font-weight: 600; color: #fff; margin-bottom: .3rem; }
.login-box p  { font-size: .8rem; color: var(--muted); margin-bottom: 1.8rem; }
.form-control { background: var(--bg); border: 1px solid var(--border); color: var(--text); border-radius: 6px; font-size: .85rem; }
.form-control:focus { background: var(--bg); border-color: var(--accent); color: var(--text); box-shadow: 0 0 0 3px rgba(88,166,255,.15); }
.form-label { font-size: .8rem; color: var(--muted); margin-bottom: .35rem; }
.btn-accent { background: var(--accent); color: #0D1117; border: none; font-weight: 600; font-size: .85rem; border-radius: 6px; padding: .55rem 1rem; width: 100%; cursor: pointer; transition: opacity .15s; }
.btn-accent:hover { opacity: .88; }
.login-error { font-size: .78rem; color: var(--offline); margin-top: .6rem; display: none; }