/* auth-redesign.css — teal-green skin for Login/Register modal. CSS-only, reversible.
   Uses DOUBLE-ID (#modal-auth#modal-auth) to outrank stanley-header.css which themes
   the modal with high-specificity !important rules. Palette: green #1ED571, gold #F5C842. */
#B { } /* marker */

/* modal surface -> dark teal */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3,
html body #modal-auth#modal-auth .auth-v3 {
  background: linear-gradient(168deg, #163942 0%, #0d2027 60%, #0b1a20 100%) !important;
  border-top: 1px solid rgba(30,213,113,.16) !important;
}

/* active tab -> green */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab.active,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-tab.active {
  background: linear-gradient(135deg, #28E27D 0%, #1ED571 100%) !important;
  color: #062417 !important;
  box-shadow: 0 4px 14px rgba(30,213,113,.32) !important;
}

/* tabs container + inactive tab */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs {
  background: rgba(8,24,28,.55) !important; border:1px solid rgba(255,255,255,.06) !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab { color: rgba(255,255,255,.55) !important; }

/* inputs -> teal-tinted */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input {
  background: rgba(8,24,28,.66) !important; border:1px solid rgba(30,213,113,.16) !important; color:#eaf6f1 !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input:focus {
  border-color:#1ED571 !important; box-shadow:0 0 0 3px rgba(30,213,113,.18) !important;
}

/* keep CTA gold (brand) */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta {
  background: linear-gradient(135deg, #FFE082 0%, #F5C842 52%, #E0A91A 100%) !important;
  color:#2a1c00 !important; box-shadow:0 8px 22px rgba(245,200,66,.30) !important;
}

/* links + accents -> green */
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-link,
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link { color:#1ED571 !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn {
  background:rgba(30,213,113,.14) !important; border:1px solid rgba(30,213,113,.35) !important; color:#1ED571 !important;
}