/* Solar4Good re-skin: Sneat stock purple (#696cff) -> brand amber (#f9a40e), green accent (#0a6b54). */
:root {
  --bs-primary: #f9a40e;
  --bs-primary-rgb: 249, 164, 14;
  --s4g-amber: #f9a40e;
  --s4g-amber-dark: #e0930a;
  --s4g-green: #0a6b54;
}

.btn-primary {
  background-color: var(--s4g-amber);
  border-color: var(--s4g-amber);
  box-shadow: 0 2px 6px 0 rgba(249, 164, 14, 0.4);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--s4g-amber-dark) !important;
  border-color: var(--s4g-amber-dark) !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--s4g-amber);
  box-shadow: 0 0 0 0.15rem rgba(249, 164, 14, 0.2);
}
.form-check-input:checked {
  background-color: var(--s4g-amber);
  border-color: var(--s4g-amber);
}
a, .text-primary { color: var(--s4g-green) !important; }
a:hover { color: var(--s4g-amber-dark) !important; }

/* Cover login: amber brand panel on the left */
.s4g-brand-panel {
  background: linear-gradient(135deg, #f9a40e 0%, #f5871f 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  text-align: center;
}
.s4g-brand-panel h1 { color: #fff; font-weight: 700; letter-spacing: -0.5px; }
.s4g-brand-panel p { color: rgba(255, 255, 255, 0.85); max-width: 28rem; }
.s4g-brand-mark {
  width: 84px; height: 84px; border-radius: 22px; background: rgba(255, 255, 255, 0.18);
  display: grid; place-items: center; font-size: 2.4rem; margin-bottom: 1.5rem;
}
.s4g-logo-chip {
  background: #fff; border-radius: 16px; padding: 0.9rem 1.4rem; margin-bottom: 1.75rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.s4g-logo-chip img { height: 40px; width: auto; display: block; }