/*
  Bootstrap helpers for the copied login page.
  The existing login composition stays intact; inputs/buttons now use Bootstrap
  component classes and variables for easier future maintenance.
*/

.rm-bootstrap-login {
  --bs-body-font-family: "Poppins", Arial, sans-serif;
  --bs-primary: #0753bf;
  --bs-primary-rgb: 7, 83, 191;
  --bs-border-radius-sm: 0.25rem;
}

.rm-bootstrap-login .form-control {
  min-height: 24px;
  border: 0;
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.82rem;
}

.rm-bootstrap-login .form-control:focus {
  box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25);
}

.rm-bootstrap-login .rm-btn.btn {
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: var(--bs-border-radius-sm);
  background: var(--bs-primary);
  font-weight: 700;
}

.rm-bootstrap-login .rm-btn.btn:hover,
.rm-bootstrap-login .rm-btn.btn:focus {
  background: #0b63dc;
}

.rm-bootstrap-login .rm-password-toggle.btn {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 0;
  border: 0;
}

.rm-bootstrap-login .rm-message.alert {
  width: var(--form-width);
  margin-left: var(--form-offset);
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}