/**
 * Center login & forgot-password — blue + orange (uses center-brand.css tokens).
 */
.center-auth-page,
body.center-auth-legacy {
  font-family: var(--cp-font);
  background: var(--cp-gradient-soft);
  min-height: 100vh;
  color: var(--cp-text);
}

/* Login (sl-* layout) */
.center-auth-page .sl-back {
  color: var(--cp-muted);
}

.center-auth-page .sl-back:hover {
  color: var(--cp-blue-deep);
}

.center-auth-page .sl-card {
  border: 1px solid var(--cp-border);
  box-shadow: var(--cp-shadow-md);
}

.center-auth-page .sl-card-visual {
  background: var(--cp-gradient-soft);
  border-left: 1px solid var(--cp-border);
}

.center-auth-page .sl-title {
  color: var(--cp-blue-deep);
}

.center-auth-page .sl-title i {
  color: var(--cp-orange);
}

.center-auth-page .sl-form .form-control:focus {
  border-color: var(--cp-blue);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

.center-auth-page .sl-btn-submit {
  background: var(--cp-gradient);
  color: #fff;
  border: none;
}

.center-auth-page .sl-btn-submit:hover {
  color: #fff;
  filter: brightness(1.05);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}

.center-auth-page .sl-links a:hover {
  background: var(--cp-blue);
  border-color: var(--cp-blue);
  color: #fff;
}

.center-auth-page .sl-spinner {
  border-top-color: var(--cp-orange);
}

/* Legacy Sneat auth cards (forgot password) */
body.center-auth-legacy {
  background: var(--cp-gradient-soft) !important;
}

body.center-auth-legacy .authentication-wrapper .card {
  border: 1px solid var(--cp-border);
  border-radius: var(--cp-radius-lg);
  box-shadow: var(--cp-shadow-md);
}

body.center-auth-legacy .btn-primary {
  background: var(--cp-gradient) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
}

body.center-auth-legacy .btn-primary:hover {
  filter: brightness(1.05);
  color: #fff !important;
}

body.center-auth-legacy .form-control:focus {
  border-color: var(--cp-blue) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18) !important;
}

body.center-auth-legacy h4 {
  color: var(--cp-blue-deep);
}