/* Login page — only the form controls the Cayman theme doesn't already
   provide. Everything else (gradient header, headings, layout) is reused from
   stylesheet.css via .page-header / .project-name / .main-content etc. */

.login {
  max-width: 22rem;
  margin: 2rem auto;
}

.login label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.login input[type="password"] {
  width: 100%;
  padding: 0.7rem 0.8rem;
  font: inherit;
  color: #383e41;
  background: #f9fbfd;
  border: 1px solid #dce6f0;
  border-radius: 0.3rem;
}

.login input[type="password"]:focus {
  outline: none;
  border-color: #159957;
  box-shadow: 0 0 0 3px rgba(21, 153, 87, 0.15);
}

.login button {
  width: 100%;
  margin-top: 1.25rem;
  padding: 0.75rem 1rem;
  font: inherit;
  font-weight: 700;
  color: #fff;
  background-color: #159957;
  border: 0;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: background-color 0.2s;
}

.login button:hover {
  background-color: #127c47;
}

.login-error {
  padding: 0.6rem 0.8rem;
  margin-bottom: 1.25rem;
  color: #9c2828;
  background: #fdecec;
  border: 1px solid #f5c6c6;
  border-radius: 0.3rem;
}