/* Login page only -- kept separate from style.css since nothing here is
   shared with the main dashboard page. */

.login-main {
  max-width: 420px;
  margin: 64px auto;
  padding: 0 16px;
}

.login-card form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.login-card input[type="email"] {
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--text);
  background: #fff;
}

.login-card input[type="email"]:focus {
  outline: none;
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(46, 117, 182, 0.15);
}