/* Match the business signup experience without affecting the vendor dashboard. */
.auth-login { background: #f4f5ef; color: #173b31; }
.auth-login .auth-wrapper * { font-family: 'Inter', sans-serif; }
.auth-login .login-shell { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 48px 24px; }
.auth-login .auth-wrapper { display: grid; grid-template-columns: 40% 60%; width: 100%; max-width: 1080px; min-height: 0; padding: 0; border: 1px solid #e3e8df; border-radius: 28px; overflow: hidden; box-shadow: 0 24px 70px -36px #254b3a66; }
.auth-login .auth-wrapper-left { display: block; width: auto; padding: 40px 36px; background: linear-gradient(155deg, #113f33, #086044 75%, #11724e); color: #fff; }
.auth-login .auth-left-cont { margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; }
.login-brand-logo { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 22px; font-weight: 800; text-decoration: none; }
.login-brand-logo:hover { color: #fff; text-decoration: none; }
.auth-login .login-brand-logo img { width: auto; height: 34px; padding: 5px 8px; background: #fff; border-radius: 9px; margin: 0; }
.login-brand-body { margin-top: 46px; }
.auth-login .auth-left-cont .title { font-size: 38px; line-height: 1.15; font-weight: 800; letter-spacing: -1.4px; color: #fff; }
.auth-login .auth-left-cont .title span { display: block; color: #d0ecc5; font-weight: 500; }
.login-brand-body p { color: #deeee5; font-size: 14px; line-height: 1.75; margin: 18px 0 0; }
.login-benefits { padding: 0; margin: 0; list-style: none; }
.login-benefits li { display: flex; align-items: center; gap: 10px; font-size: 12px; margin-bottom: 14px; }
.login-benefits i { background: #ffffff20; border-radius: 9px; padding: 8px; font-size: 15px; }
.login-brand-foot { font-size: 11px; opacity: .65; margin-top: auto; padding-top: 28px; }
.auth-login .auth-wrapper-right { max-width: none; width: 100%; min-height: 0; padding: 42px 46px; border-radius: 0; box-shadow: none; align-items: stretch; justify-content: center; background: #fffefa; }
.auth-login .auth-wrapper-form { max-width: none; padding: 0; margin: 0; transform: none; }
.auth-login .auth-header { margin-bottom: 28px; color: #657b72; font-size: 14px; line-height: 1.6; }
.auth-login .auth-header .mb-5 { margin-bottom: 0 !important; }
.login-kicker { font-size: 10px; font-weight: 700; letter-spacing: 1.4px; color: #087f55; margin-bottom: 15px; }
.auth-login .auth-header .title { color: #173b31; font-size: 30px; font-weight: 800; letter-spacing: -.9px; line-height: 1.2; margin-bottom: 10px; }
.auth-login .input-label { color: #173b31; font-size: 13px; font-weight: 600; margin-bottom: 7px; }
.auth-login .form-group { margin-bottom: 20px; }
.auth-login .form-control { height: 50px; min-height: 50px; font-size: 16px; border: 1.5px solid #dce4dc; border-radius: 10px; background: #fff; }
.auth-login .form-control:focus { border-color: #087f55; box-shadow: 0 0 0 4px #e8f5ee; }
.auth-login .input-group-text { background: #fff; border-color: #dce4dc; min-width: 48px; justify-content: center; border-radius: 0 10px 10px 0; }
.auth-login .custom-control-label { font-size: 13px; color: #657b72 !important; }
.auth-login .text-primary { color: #087f55 !important; }
.auth-login .mt-5 { margin-top: 22px !important; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.auth-login .btn-block { background: #087f55; border-color: #087f55; border-radius: 10px; height: auto !important; min-height: 52px; padding: 14px 12px; font-size: 14px; font-weight: 700; box-shadow: 0 6px 14px -8px #087f5566; }
.auth-login .btn-block:hover { background: #05613f; }
.auth-login #reload-captcha { margin: 0 0 24px; padding: 10px !important; border: 1px solid #e4eade; border-radius: 12px; align-items: center; background: #f5f7f0; }
.auth-login #reload-captcha .form-control { font-size: 14px; padding-left: 8px; background: transparent; }
.auth-login #reload-captcha > .col-6 { min-width: 0; padding: 0; background: transparent !important; }
.auth-login #reload-captcha img { min-width: 0; object-fit: contain; }
.auth-login .capcha-spin { flex-shrink: 0; padding: 12px 8px !important; }
.auth-login .login-account-link { margin-top: 28px !important; padding-top: 24px; border-top: 1px solid #e8ece3; font-size: 12px; line-height: 1.8; }
.auth-login .login-account-link a { font-weight: 600; }
@media (max-width: 860px) {
    .auth-login .login-shell { align-items: flex-start; padding: 24px 16px; }
    .auth-login .auth-wrapper { max-width: 560px; grid-template-columns: minmax(0, 1fr); }
    .auth-login .auth-wrapper-left { padding: 26px 28px; }
    .login-brand-body { margin-top: 22px; }
    .auth-login .auth-left-cont .title { font-size: 30px; letter-spacing: -.8px; }
    .login-brand-body p { margin-top: 12px; font-size: 13px; }
    .auth-login .welcome-visual, .login-benefits, .login-brand-foot { display: none; }
    .auth-login .auth-wrapper-right { padding: 30px 28px; }
}
@media (max-width: 480px) {
    .auth-login .login-shell { padding: 0; }
    .auth-login .auth-wrapper { border: 0; border-radius: 0; min-height: 100vh; min-height: 100dvh; grid-template-rows: auto 1fr; }
    .auth-login .auth-wrapper-left { padding: 24px 22px; }
    .login-brand-logo { font-size: 19px; }
    .auth-login .auth-left-cont .title { font-size: 28px; }
    .auth-login .welcome-eyebrow { font-size: 9px; letter-spacing: 1px; }
    .auth-login .auth-wrapper-right { padding: 28px 22px; justify-content: flex-start; }
    .auth-login .auth-header .title { font-size: 26px; }
    .auth-login .auth-header { font-size: 13px; }
    .auth-login .login-account-link a { display: block; }
}