/* The login document has no sidebar: do not reuse the admin .shell layout. */
body.login-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px 16px;
}

.login-shell {
  width: 100%;
  max-width: 440px;
  flex-shrink: 0;
  margin: auto;
}

.login-card { padding: clamp(20px, 5vw, 32px); }
.login-card .kicker { margin: 0 0 12px; }
.login-card h1 { font-size: 24px; line-height: 1.4; }
.login-description { margin: 8px 0 24px; line-height: 1.6; }
#loginForm { display: flex; flex-direction: column; gap: 18px; }
#loginForm label { font-size: 14px; }
#loginForm input { width: 100%; min-height: 44px; font-size: 16px; }
#loginBtn { width: 100%; min-height: 44px; font-size: 15px; }
.login-message {
  margin: 0;
  min-height: 22px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.login-message[data-state="error"] { color: var(--danger-text); }
.login-message[data-state="success"] { color: var(--success-text); }