/* EANK Register Final Visual Lock v2631
   Purpose: force /register and /register?plan=starter to use clean white cards/controls and a consistent green/gold theme.
   Loaded after production-theme.css to prevent older app.css/tw-safe styles from leaking into the page. */

body.auth-production-body.route-register,
body.auth-production-body.route-register .auth-register-production-page{
  --eank-reg-primary:#145c4c;
  --eank-reg-primary-2:#0e4539;
  --eank-reg-accent:#D79744;
  --eank-reg-bg:#f7faf8;
  --eank-reg-card:#ffffff;
  --eank-reg-card-2:#ffffff;
  --eank-reg-text:#10231d;
  --eank-reg-muted:#66766f;
  --eank-reg-border:#dfe8e3;
  --eank-reg-soft:#f9fcfa;
  background:
    radial-gradient(circle at 82% 7%,rgba(20,92,76,.10),transparent 30rem),
    radial-gradient(circle at 16% 92%,rgba(215,151,68,.08),transparent 28rem),
    var(--eank-reg-bg)!important;
  color:var(--eank-reg-text)!important;
}

body.auth-production-body.route-register .auth-register-layout-v2{
  align-items:stretch!important;
}

body.auth-production-body.route-register .auth-register-form-card-v2{
  background:#fff!important;
  color:var(--eank-reg-text)!important;
  border:1px solid var(--eank-reg-border)!important;
  box-shadow:0 28px 80px rgba(20,92,76,.12)!important;
}

body.auth-production-body.route-register .auth-register-section-v2,
body.auth-production-body.route-register .auth-register-plan-section-v2{
  background:#fff!important;
  color:var(--eank-reg-text)!important;
  border:1px solid var(--eank-reg-border)!important;
  box-shadow:0 14px 38px rgba(20,92,76,.055)!important;
}

body.auth-production-body.route-register .auth-register-section-v2:hover,
body.auth-production-body.route-register .auth-register-plan-section-v2:hover{
  border-color:rgba(20,92,76,.22)!important;
  box-shadow:0 18px 45px rgba(20,92,76,.075)!important;
}

body.auth-production-body.route-register .auth-register-plan-section-v2,
body.auth-production-body.route-register .auth-register-plan-section-v2.is-query-selected{
  background:linear-gradient(180deg,#fff,#fffaf3)!important;
  border-color:rgba(215,151,68,.32)!important;
}

body.auth-production-body.route-register .auth-register-card-head-v2 h2,
body.auth-production-body.route-register .auth-register-section-title-v2,
body.auth-production-body.route-register .auth-register-section-title-v2 b,
body.auth-production-body.route-register .auth-register-form-v2 .form-label{
  color:var(--eank-reg-text)!important;
}

body.auth-production-body.route-register .auth-register-card-head-v2 p,
body.auth-production-body.route-register .auth-register-section-title-v2 span,
body.auth-production-body.route-register .auth-public-foot{
  color:var(--eank-reg-muted)!important;
}

body.auth-production-body.route-register .auth-register-section-title-v2>i{
  background:#f1f8f5!important;
  color:var(--eank-reg-primary)!important;
  border:1px solid rgba(20,92,76,.13)!important;
}

body.auth-production-body.route-register .auth-register-plan-section-v2 .auth-register-section-title-v2>i{
  background:#fff4e4!important;
  color:var(--eank-reg-accent)!important;
  border-color:rgba(215,151,68,.24)!important;
}

body.auth-production-body.route-register .auth-register-form-v2 .form-control,
body.auth-production-body.route-register .auth-register-form-v2 .form-select,
body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap{
  background:#fff!important;
  color:var(--eank-reg-text)!important;
  border:1px solid var(--eank-reg-border)!important;
  box-shadow:none!important;
}

body.auth-production-body.route-register .auth-register-form-v2 .form-control::placeholder{
  color:#8a9992!important;
  opacity:1!important;
}

body.auth-production-body.route-register .auth-register-form-v2 .form-control:hover,
body.auth-production-body.route-register .auth-register-form-v2 .form-select:hover,
body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap:hover{
  border-color:rgba(20,92,76,.28)!important;
}

body.auth-production-body.route-register .auth-register-form-v2 .form-control:focus,
body.auth-production-body.route-register .auth-register-form-v2 .form-select:focus,
body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap:focus-within{
  background:#fff!important;
  color:var(--eank-reg-text)!important;
  border-color:var(--eank-reg-primary)!important;
  box-shadow:0 0 0 .22rem rgba(20,92,76,.12)!important;
  outline:0!important;
}

body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap .form-control{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

body.auth-production-body.route-register .auth-password-toggle{
  width:2.25rem!important;
  height:2.25rem!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#f1f8f5!important;
  color:var(--eank-reg-primary)!important;
  border:1px solid rgba(20,92,76,.10)!important;
}
body.auth-production-body.route-register .auth-password-toggle:hover,
body.auth-production-body.route-register .auth-password-toggle:focus-visible{
  background:var(--eank-reg-primary)!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:0 0 0 .22rem rgba(20,92,76,.13)!important;
}

body.auth-production-body.route-register .auth-register-submit-v2{
  background:linear-gradient(135deg,var(--eank-reg-primary),var(--eank-reg-primary-2))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 18px 38px rgba(20,92,76,.22)!important;
}
body.auth-production-body.route-register .auth-register-submit-v2:hover,
body.auth-production-body.route-register .auth-register-submit-v2:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:0 22px 45px rgba(20,92,76,.27)!important;
}

body.auth-production-body.route-register .auth-register-plan-note-v2{
  background:#fff7ea!important;
  color:#6c4615!important;
  border:1px solid rgba(215,151,68,.28)!important;
}
body.auth-production-body.route-register .auth-register-plan-note-v2 i{
  color:var(--eank-reg-accent)!important;
}

/* Right intro panel: previous translucent gray boxes looked dirty on green. Make them intentionally white. */
body.auth-production-body.route-register .auth-register-intro-v2{
  background:
    radial-gradient(circle at 96% 92%,rgba(215,151,68,.22),transparent 16rem),
    linear-gradient(145deg,var(--eank-reg-primary),var(--eank-reg-primary-2))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 28px 80px rgba(20,92,76,.18)!important;
}
body.auth-production-body.route-register .auth-register-brand-v2,
body.auth-production-body.route-register .auth-register-brand-v2 strong,
body.auth-production-body.route-register .auth-register-hero-v2 h1{
  color:#fff!important;
}
body.auth-production-body.route-register .auth-register-brand-v2 span,
body.auth-production-body.route-register .auth-register-hero-v2 p{
  color:rgba(255,255,255,.84)!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-public-kicker{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-progress-v2 div,
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-benefits-v2 div{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  color:var(--eank-reg-primary)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.08)!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-progress-v2 b,
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-benefits-v2 i{
  background:var(--eank-reg-primary)!important;
  color:#fff!important;
  border:1px solid rgba(20,92,76,.10)!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-progress-v2 span,
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-benefits-v2 span{
  color:var(--eank-reg-primary)!important;
  font-weight:800!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-progress-v2 .is-active{
  background:#fff!important;
  border-color:rgba(215,151,68,.38)!important;
}
body.auth-production-body.route-register .auth-register-intro-v2 .auth-register-progress-v2 .is-active b{
  background:var(--eank-reg-accent)!important;
  color:#fff!important;
}

/* Footer/link clarity */
body.auth-production-body.route-register .auth-register-foot-v2 a{
  color:var(--eank-reg-primary)!important;
  font-weight:900!important;
}

@media(max-width:991.98px){
  body.auth-production-body.route-register .auth-register-form-card-v2{background:#fff!important;}
  body.auth-production-body.route-register .auth-register-section-v2,
  body.auth-production-body.route-register .auth-register-plan-section-v2{background:#fff!important;}
}

/* Dark mode keeps contrast, but does not leak into normal light mode. */
[data-bs-theme="dark"] body.auth-production-body.route-register,
[data-theme="dark"] body.auth-production-body.route-register{
  --eank-reg-bg:#0d1a16;
  --eank-reg-card:#13231e;
  --eank-reg-text:#edf7f2;
  --eank-reg-muted:rgba(237,247,242,.72);
  --eank-reg-border:rgba(255,255,255,.13);
}
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-form-card-v2,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-form-card-v2,
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-section-v2,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-section-v2{
  background:#13231e!important;
  color:#edf7f2!important;
  border-color:rgba(255,255,255,.13)!important;
}
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-plan-section-v2,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-plan-section-v2{
  background:linear-gradient(180deg,#13231e,#171f18)!important;
  border-color:rgba(215,151,68,.24)!important;
}
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .form-control,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .form-control,
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .form-select,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .form-select,
[data-bs-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap,
[data-theme="dark"] body.auth-production-body.route-register .auth-register-form-v2 .auth-input-wrap{
  background:#0f1d19!important;
  color:#edf7f2!important;
  border-color:rgba(255,255,255,.13)!important;
}