/* Login screen. Split out of login.html so the CSP can forbid inline styles
   ('unsafe-inline') for the whole app. */
body.login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #11233f, #2f80ed);
}

.login-box {
  width: min(420px, 92vw);
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .25);
}

.login-box h1 { margin: 0 0 6px; font-size: 24px; }
.login-box p { margin: 0 0 16px; color: #67707b; }
.login-box .field { margin-bottom: 12px; }
.login-box .field input { width: 100%; padding: 10px 12px; }
.login-actions { margin-top: 10px; }
.login-box .error { margin-top: 12px; color: #c0392b; font-size: 14px; min-height: 20px; }