/* Login page form styling */
.page-user-login #kt_app_root {
  min-height: 100vh;
  background-color: #f5f8fa;
}

.page-user-login .form-item {
  margin-bottom: 1.25rem;
}

.page-user-login .form-item label {
  display: block;
  font-weight: 500;
  font-size: 0.925rem;
  color: #3f4254;
  margin-bottom: 0.5rem;
}

.page-user-login .form-item input[type="text"],
.page-user-login .form-item input[type="password"] {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1.075rem;
  font-weight: 500;
  color: #5e6278;
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  border-radius: 0.475rem;
  transition: color 0.2s ease, background-color 0.2s ease;
  box-sizing: border-box;
}

.page-user-login .form-item input:focus {
  background-color: #eef3f7;
  border-color: #eef3f7;
  outline: none;
  color: #5e6278;
}

.page-user-login .form-item .description {
  display: none;
}

.page-user-login .form-actions {
  margin-top: 1.5rem;
}

.page-user-login .form-actions input[type="submit"],
.page-user-login .form-actions button {
  display: block;
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 1.075rem;
  font-weight: 600;
  color: #fff;
  background-color: #1b84ff;
  border: 0;
  border-radius: 0.475rem;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.page-user-login .form-actions input[type="submit"]:hover,
.page-user-login .form-actions button:hover {
  background-color: #056ee9;
}

/* Hide unnecessary Drupal elements on login */
.page-user-login .messages--error {
  background-color: #fff5f8;
  border: 1px solid #f1416c;
  border-radius: 0.475rem;
  color: #f1416c;
  padding: 1rem;
  margin-bottom: 1rem;
  font-size: 0.925rem;
}

.page-user-login .messages--status {
  background-color: #e8fff3;
  border: 1px solid #50cd89;
  border-radius: 0.475rem;
  color: #50cd89;
  padding: 1rem;
  margin-bottom: 1rem;
  font-size: 0.925rem;
}