/* Sign-in, signup and password pages: design LG-01..LG-04, SU-01..SU-03.
   Loaded by layouts/auth.blade.php after the page's own styles. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body .ltrmode.lightmode, body .auth-main { font-family: 'Montserrat', 'Roboto', sans-serif !important; }
body .ltrmode.lightmode::after { background: rgba(15, 31, 61, .25) !important; }

body .codex-authbox.login-page .login-box,
body .codex-authbox .login-box,
body .auth-form .card, body .auth-wrapper .card {
    background: #F7F2E8 !important;
    border-radius: 18px !important;
    border-top: 3px solid #17834A !important;
    box-shadow: 0 18px 50px rgba(15, 31, 61, .35) !important;
    padding: 32px 36px !important;
    max-width: 440px;
}
body .login-box h3, body .auth-header h3 { color: #14294F !important; font-weight: 700 !important; font-size: 26px !important; line-height: 1.25 !important; }
body .login-box p.text-muted, body .auth-header p { color: #5C6170 !important; }

/* fields: bordered boxes instead of underlines */
body .login-form .form-group .form-control,
body .login-box .form-control,
body .login-box .form-select {
    background: #FFFCF5 !important;
    border: 1px solid #BDAF93 !important;
    border-radius: 10px !important;
    height: 44px;
    padding: 0 14px;
    color: #1B2436;
}
body .login-box textarea.form-control { height: auto; padding: 10px 14px; }
body .login-box .form-control:focus { border-color: #17834A !important; box-shadow: 0 0 0 3px rgba(23,131,74,.15) !important; background: #fff !important; }
body .login-form .form-group .form-label, body .login-box .form-label {
    color: #1B2436 !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; margin-bottom: 6px !important;
}
body .login-form .form-group .input-group-text { border-radius: 0 10px 10px 0 !important; border: 1px solid #BDAF93 !important; background: #FFFCF5 !important; }

/* buttons */
body .codex-authbox .btn, body .auth-footer .btn, body .login-box .btn-primary, body .login-box button[type=submit] {
    background: #17834A !important; border: 1px solid #17834A !important; color: #fff !important;
    border-radius: 10px !important; font-weight: 600 !important; height: 46px;
}
body .login-box a, body .auth-footer a, body .login-box .text-primary { color: #17834A !important; font-weight: 600; }
body .login-box .auth-remember * { color: #1B2436 !important; }

body .login-box .alert-danger { background: #FDECEA; border: 1px solid #F4C7C2; color: #B42318; border-radius: 10px; }
body .login-box .alert-success { background: #DCEFE3; border: 1px solid #BFE0CB; color: #14653B; border-radius: 10px; }

/* the Join free box on the sign-in page */
.lg-join { background: #F2EBDD; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
.lg-join strong { display: block; color: #14294F; font-size: 14px; }
.lg-join span { color: #5C6170; font-size: 12px; }
body .login-box .lg-join a.btn-join { background: #FFFCF5 !important; color: #14294F !important; border: 1px solid #14294F !important; height: auto; padding: 8px 18px; border-radius: 10px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.lg-tenant-note { color: #5C6170; font-size: 12px; margin-top: 12px; }
.lg-tenant-note b { color: #1B2436; }

/* code boxes (verify email / phone) */
.lg-code { display: flex; gap: 10px; justify-content: center; margin: 8px 0 6px; }
.lg-code input { width: 48px; height: 54px; text-align: center; font-size: 22px; font-weight: 600; border: 1px solid #BDAF93; border-radius: 10px; background: #FFFCF5; color: #14294F; }
.lg-code input:focus { outline: 0; border: 2px solid #17834A; }
.lg-why { background: #F2EBDD; border-radius: 10px; padding: 10px 14px; font-size: 12px; color: #5C6170; margin: 14px 0; }
.lg-why b { color: #1B2436; }

/* signup page is a wider card with two columns */
body.ltrmode.a .login-box { max-width: 580px !important; width: 580px !important; }
body.ltrmode.a .login-form .row .form-label { display: block !important; }
body.ltrmode.a .form-check.custom-chek, body.ltrmode.a .form-check-label { color: #1B2436 !important; text-transform: none !important; }
body .login-box .form-check-input:checked { background-color: #17834A !important; border-color: #17834A !important; }
body .login-box #registerBtn:disabled { background: #E2D7C1 !important; border-color: #E2D7C1 !important; color: #5C6170 !important; opacity: 1; }

body .lg-bg .login-box {
    background: #F7F2E8 !important; border-radius: 18px !important; border-top: 3px solid #17834A !important;
    box-shadow: 0 18px 50px rgba(15, 31, 61, .35) !important; padding: 32px 36px !important;
}
body .lg-bg .login-box .btn { background: #17834A !important; border-color: #17834A !important; color: #fff !important; border-radius: 10px !important; font-weight: 600 !important; height: 46px; display: flex; align-items: center; justify-content: center; }
body .codex-authbox .auth-header h3, body .login-box h3 { text-transform: none !important; }
body .login-box .lg-links button, body .lg-bg .login-box .lg-links button { background: none !important; border: 0 !important; color: #17834A !important; height: auto !important; padding: 0 !important; font-weight: 600 !important; width: auto !important; }