/* Page de connexion (utilise les couleurs de app.css) */
body.login-page { overflow: auto; align-items: center; justify-content: center; min-height: 100vh; padding: 16px; }
.login-box {
  width: min(380px, 100%);
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  padding: 24px; display: flex; flex-direction: column; gap: 14px;
}
.login-box h1 { margin: 0; font-size: 22px; text-align: center; }
.login-box h2 { font-size: 16px; margin: 0 0 4px; }
.login-box form, .login-box > div { display: flex; flex-direction: column; gap: 10px; }
.login-box label { display: flex; flex-direction: column; gap: 4px; color: var(--muted); font-size: 13px; }
.login-box input { padding: 8px 10px; }
.login-box button { padding: 8px; margin-top: 4px; }
.login-box p { margin: 0; }
.login-box [hidden] { display: none; }