/* Shared auth page styles — professional, subdued */

:root {
  --accent:       #4b49ac;
  --accent-hover: #3f3e96;
  --accent-rgb:   75, 73, 172;
}

html, body { height: 100%; }

body {
  background-color: #f0f2f5 !important;
  min-height: 100vh;
}

.content-wrapper.d-flex.align-items-center.auth {
  background: transparent !important;
}

.auth-form-light {
  background: #fff !important;
  border-radius: 6px !important;
  border: 1px solid #dde1e9 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  padding: 40px 36px 32px !important;
}

.brand-logo { margin-bottom: 28px; }
.brand-logo img { height: 32px; width: auto; }

.auth-form-light h4 {
  font-weight: 700;
  color: #1a1d27;
  font-size: 1.2rem;
  margin-bottom: 4px;
}

.auth-form-light h6 {
  color: #6b7280;
  margin-bottom: 22px;
  line-height: 1.55;
  font-weight: 400;
}

.auth-form-light .form-control,
.auth-form-light .form-control-lg {
  border-radius: 4px !important;
  border: 1px solid #dde1e9 !important;
  padding: 10px 14px !important;
  font-size: 0.93rem !important;
  height: auto !important;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.auth-form-light .form-control::placeholder { color: #b0b7c3; }

.auth-form-light .form-control:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.10) !important;
  outline: none;
}

.auth-form-btn,
.auth-form-light .btn-primary {
  background: var(--accent) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 11px 20px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.01em;
  box-shadow: none !important;
  transition: background 0.15s ease !important;
}

.auth-form-btn:hover,
.auth-form-light .btn-primary:hover {
  background: var(--accent-hover) !important;
}

.auth-form-light .auth-link,
.auth-form-light a { color: var(--accent) !important; font-weight: 500; }

.auth-form-light a:hover {
  color: var(--accent-hover) !important;
  text-decoration: underline;
}

.auth-form-light .text-primary { color: var(--accent) !important; }

#errormessagewrapper .badge-danger {
  border-radius: 4px;
  font-size: 0.8rem;
  white-space: normal;
  color: #fff;
}