/* ==========================================================================
   Klaslead Theme — Login, register & password screens (staff + clients)
   Staff screens load this file only on auth pages, so the body is styled directly.
   ========================================================================== */
body.login_admin,body.forgot_password,body.reset_password,body.set_password,body.authentication,
body.customers.customers_login,body.customers.login,body.customers.register,body.customers.customers_register,body.customers.forgot_password,body.customers.reset_password{
  font-family:var(--kl-font)!important;min-height:100vh;color:#fff!important;
  background:
    radial-gradient(55% 45% at 10% 0%,rgba(59,227,143,.22),transparent 70%),
    radial-gradient(45% 50% at 100% 100%,rgba(31,214,196,.20),transparent 70%),
    radial-gradient(30% 30% at 85% 10%,rgba(255,194,26,.12),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px,
    #040706!important}
body.customers.customers_login #content,body.customers.login #content,body.customers.register #content,body.customers.customers_register #content{background:transparent}

/* The card */
.authentication-form-wrapper,
body.customers.customers_login .panel_s,body.customers.login .panel_s,body.customers.register .panel_s,body.customers.customers_register .panel_s,
body.customers.forgot_password .panel_s,body.customers.reset_password .panel_s{
  position:relative;background:linear-gradient(170deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(47,224,181,.35)!important;border-radius:24px!important;padding:32px!important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 80px -40px rgba(31,214,196,.7)!important;color:#fff!important}
.authentication-form-wrapper .company-logo img,.authentication-form-wrapper img{max-height:56px;width:auto}
.authentication-form-wrapper h1,.authentication-form-wrapper h2,.authentication-form-wrapper h3,.authentication-form-wrapper h4,
body.customers .login-heading,body.customers .register-heading,body.customers.customers_login h1,body.customers.login h1{font-family:var(--kl-display)!important;color:#fff!important;letter-spacing:-.03em}
.authentication-form-wrapper label,.authentication-form-wrapper .control-label,.authentication-form-wrapper .checkbox label,.authentication-form-wrapper p,
body.customers.customers_login label,body.customers.login label,body.customers.register label,body.customers.customers_register label{color:#E8F0ED!important}
.authentication-form-wrapper .form-control,
body.customers.customers_login .form-control,body.customers.login .form-control,body.customers.register .form-control,body.customers.customers_register .form-control{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:12px!important;min-height:48px}
.authentication-form-wrapper .form-control:focus,body.customers.customers_login .form-control:focus,body.customers.login .form-control:focus{border-color:var(--kl-accent)!important;box-shadow:0 0 0 4px rgba(31,214,196,.2)!important}
.authentication-form-wrapper .form-control::placeholder{color:#8EA39C}
.authentication-form-wrapper .btn-primary,.authentication-form-wrapper button[type=submit],
body.customers.customers_login .btn-primary,body.customers.login .btn-primary,body.customers.register .btn-primary,body.customers.customers_register .btn-primary{
  background:var(--kl-gold-grad)!important;border:0!important;color:var(--kl-on-gold)!important;border-radius:999px!important;min-height:50px;font-weight:800!important;box-shadow:0 16px 36px -14px rgba(255,194,26,.85)!important}
.authentication-form-wrapper a,body.customers.customers_login form a,body.customers.login form a,body.customers.register form a{color:#7FF5DA!important}
.authentication-form-wrapper .alert{border-radius:12px}
.authentication-form-wrapper .checkbox input[type=checkbox]:checked+label::before{background:var(--kl-accent)!important;border-color:var(--kl-accent)!important}

/* ---- v1.1: client auth pages — one glass card, readable labels, dark inputs ---- */
body.customers.customers_login .panel_s .panel-body,body.customers.login .panel_s .panel-body,body.customers.register .panel_s .panel-body,body.customers.customers_register .panel_s .panel-body,
body.customers.forgot_password .panel_s .panel-body,body.customers.reset_password .panel_s .panel-body{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.customers.customers_login form,body.customers.login form,body.customers.register form,body.customers.customers_register form,
body.customers.customers_login .login-form,body.customers.login .login-form,body.customers.register .register-form,body.customers.customers_register .register-form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.customers.customers_login .panel_s *,body.customers.login .panel_s *,body.customers.register .panel_s *,body.customers.customers_register .panel_s *,
body.customers.forgot_password .panel_s *,body.customers.reset_password .panel_s *{border-color:rgba(255,255,255,.18)}
body.customers.customers_login label,body.customers.login label,body.customers.register label,body.customers.customers_register label,body.customers.forgot_password label,body.customers.reset_password label,
body.customers.customers_login .control-label,body.customers.login .control-label,body.customers.register .control-label,body.customers.customers_register .control-label,
body.customers.customers_login .checkbox label,body.customers.login .checkbox label,body.customers.register p,body.customers.customers_register p{color:#E8F0ED!important;opacity:1!important}
body.customers.register .form-control,body.customers.customers_register .form-control,body.customers.forgot_password .form-control,body.customers.reset_password .form-control,
body.customers.register select.form-control,body.customers.register .bootstrap-select .btn.dropdown-toggle,body.customers.customers_register .bootstrap-select .btn.dropdown-toggle,
body.customers.customers_login .bootstrap-select .btn.dropdown-toggle{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:12px!important}
body.customers .bootstrap-select .btn.dropdown-toggle .filter-option,body.customers.register .bootstrap-select .btn.dropdown-toggle *{color:#fff!important}
body.customers.customers_login .form-control:-webkit-autofill,body.customers.login .form-control:-webkit-autofill,body.customers.register .form-control:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #0E1513 inset!important}
body.customers.customers_login .btn-success,body.customers.login .btn-success,body.customers.customers_login .btn-info,body.customers.login .btn-info,
body.customers.customers_login a.btn:not(.btn-primary),body.customers.login a.btn:not(.btn-primary){background:linear-gradient(120deg,var(--kl-accent-2),var(--kl-accent))!important;color:#021310!important;border:0!important;border-radius:999px!important;min-height:46px;font-weight:800!important}
body.customers.customers_login .btn *,body.customers.login .btn *{color:inherit!important}
body.customers .register-heading,body.customers .login-heading,body.customers.register h1,body.customers.customers_register h1{color:#fff!important}
body.customers.register .text-danger,body.customers.customers_register .text-danger{color:#FF9A8F!important}

/* ---- v1.2: Perfex 3 wraps auth forms in its own white Tailwind box + white form footer.
        Everything inside the glass card becomes transparent so labels and inputs stay readable. ---- */
.authentication-form-wrapper [class*="tw-bg-white"],.authentication-form-wrapper [class*="tw-bg-neutral-50"],.authentication-form-wrapper [class*="tw-bg-gray-50"],
.authentication-form-wrapper .panel_s,.authentication-form-wrapper .panel-body,.authentication-form-wrapper .panel-footer,.authentication-form-wrapper .well,
body.login_admin [class*="tw-bg-white"],body.forgot_password [class*="tw-bg-white"],body.reset_password [class*="tw-bg-white"],body.set_password [class*="tw-bg-white"],
body.customers.customers_login [class*="tw-bg-white"],body.customers.login [class*="tw-bg-white"],body.customers.register [class*="tw-bg-white"],body.customers.customers_register [class*="tw-bg-white"],
body.customers.forgot_password [class*="tw-bg-white"],body.customers.reset_password [class*="tw-bg-white"],
body.customers.customers_login [class*="tw-bg-neutral-50"],body.customers.login [class*="tw-bg-neutral-50"],body.customers.register [class*="tw-bg-neutral-50"],body.customers.customers_register [class*="tw-bg-neutral-50"],
body.customers.register .panel-footer,body.customers.customers_register .panel-footer,body.customers.customers_login .panel-footer,body.customers.login .panel-footer{
  background:transparent!important;box-shadow:none!important;border-color:rgba(255,255,255,.14)!important}
/* the inner white box had its own padding/shadow — keep spacing, drop the box look */
.authentication-form-wrapper [class*="tw-shadow"],body.login_admin [class*="tw-shadow"]:not(.btn){box-shadow:none!important}
/* register footer bar → a simple divider row */
body.customers.register .panel-footer,body.customers.customers_register .panel-footer,
body.customers.register form [class*="tw-bg-neutral-50"],body.customers.customers_register form [class*="tw-bg-neutral-50"]{border-top:1px solid rgba(255,255,255,.14)!important;margin-top:8px;padding-top:18px!important}
/* every text bit inside the card readable */
.authentication-form-wrapper label,.authentication-form-wrapper .control-label,.authentication-form-wrapper .checkbox label,.authentication-form-wrapper span:not(.btn *),
body.login_admin label,body.login_admin .checkbox label,
body.customers.register label,body.customers.customers_register label,body.customers.register .control-label,body.customers.customers_register .control-label{color:#E8F0ED!important;opacity:1!important}
.authentication-form-wrapper [class*="tw-text-neutral"],.authentication-form-wrapper [class*="tw-text-gray"],
body.customers.register [class*="tw-text-neutral"],body.customers.customers_register [class*="tw-text-neutral"],body.customers.customers_login [class*="tw-text-neutral"]{color:#D3E0DB!important}
/* inputs: always dark glass, also on Perfex 3 */
.authentication-form-wrapper input.form-control,.authentication-form-wrapper input[type=email],.authentication-form-wrapper input[type=password],.authentication-form-wrapper input[type=text],
body.login_admin input.form-control,body.customers.register input.form-control,body.customers.customers_register input.form-control,body.customers.customers_login input.form-control,body.customers.login input.form-control{
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;border-radius:12px!important;min-height:48px;box-shadow:none!important}
.authentication-form-wrapper input.form-control:focus,body.login_admin input.form-control:focus,body.customers.register input.form-control:focus{border-color:var(--kl-accent)!important;box-shadow:0 0 0 4px rgba(31,214,196,.2)!important}
.authentication-form-wrapper input:-webkit-autofill,body.login_admin input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 40px #0E1513 inset!important;caret-color:#fff}
/* checkbox box visible on dark */
.authentication-form-wrapper .checkbox label::before,body.login_admin .checkbox label::before,body.customers.customers_login .checkbox label::before,body.customers.login .checkbox label::before{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important}
.authentication-form-wrapper input[type=checkbox],body.customers.customers_login input[type=checkbox]{accent-color:var(--kl-accent)}
/* reCAPTCHA: centred, keeps Google's own white widget, rounded */
.authentication-form-wrapper .g-recaptcha,body.customers .g-recaptcha{display:flex;justify-content:center;margin:6px 0 14px}
.authentication-form-wrapper .g-recaptcha>div,body.customers .g-recaptcha>div{border-radius:6px;overflow:hidden}
@media (max-width:380px){.g-recaptcha{transform:scale(.88);transform-origin:center}}
/* admin login: tighter card on small screens, logo spacing */
.authentication-form-wrapper{max-width:460px;margin-left:auto!important;margin-right:auto!important}
@media (max-width:520px){.authentication-form-wrapper{padding:22px!important;border-radius:20px!important}}