/* MAU UMKM - responsive auth: full illustration, never crop */
/* MAU UMKM - Auth desktop split panel + mobile-first responsive polish */
.mau-auth-page.mau-auth-split-page {
    min-height: 100vh;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f6fb;
}
.mau-auth-split-page .auth-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.mau-auth-split {
    display: grid;
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    background: #fff;
    border: 1px solid #e4e9f1;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .10);
    min-height: 650px;
}
.mau-auth-visual {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: #06358f;
}
.mau-auth-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}
.mau-auth-visual::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 24%;
    background: linear-gradient(to top, rgba(2, 20, 67, .42), transparent);
    pointer-events: none;
}
.mau-auth-form {
    min-width: 0;
    background: #fff;
    padding: 48px 54px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mau-auth-form .auth-brand {
    justify-content: flex-start;
    margin: 0 0 28px;
}
.mau-auth-form .auth-brand-icon {
    width: 44px;
    height: 44px;
}
.mau-auth-form .auth-card {
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    max-width: none;
}
.mau-auth-form .auth-heading { margin-bottom: 26px; }
.mau-auth-form .auth-heading h1 { font-size: 28px; }
.mau-auth-form .auth-heading p { max-width: 540px; }
.mau-auth-form .mau-input,
.mau-auth-form .form-select.mau-input {
    min-height: 45px;
    border-radius: 9px;
}
.mau-auth-form .mau-register-button {
    min-height: 46px;
}
.mau-auth-form .auth-footer {
    margin-top: 28px;
}
.mau-auth-form .register-section:first-of-type { margin-top: 0; }
.mau-auth-form .register-section { padding-top: 18px; margin-top: 18px; }
.mau-auth-form .section-title { margin-bottom: 14px; }
.mau-auth-form .auth-note { margin: 18px 0; }
.mau-login-page .mau-auth-split { min-height: 620px; }
.mau-register-page .mau-auth-split { min-height: 760px; }
.mau-register-page .mau-auth-visual { min-height: 760px; }
.mau-register-page .mau-auth-form { justify-content: flex-start; overflow: auto; }

/* Make the illustration act as a compact banner on phones. */
@media (max-width: 991.98px) {
    .mau-auth-page.mau-auth-split-page { padding: 14px; }
    .mau-auth-split { grid-template-columns: 1fr; min-height: 0; border-radius: 18px; }
    .mau-auth-visual,
    .mau-register-page .mau-auth-visual,
    .mau-login-page .mau-auth-visual {
        min-height: 250px;
        height: 250px;
    }
    .mau-auth-visual img { object-position: center 35%; }
    .mau-auth-form {
        padding: 30px 28px 26px;
    }
    .mau-register-page .mau-auth-form { overflow: visible; }
}

@media (max-width: 575.98px) {
    .mau-auth-page.mau-auth-split-page {
        padding: 0;
        align-items: flex-start;
        background: #f3f6fb;
    }
    .mau-auth-split {
        width: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .mau-auth-visual,
    .mau-register-page .mau-auth-visual,
    .mau-login-page .mau-auth-visual {
        height: 210px;
        min-height: 210px;
    }
    .mau-auth-visual img { object-position: center 36%; }
    .mau-auth-form {
        padding: 24px 18px 24px;
    }
    .mau-auth-form .auth-brand {
        justify-content: center;
        margin-bottom: 22px;
    }
    .mau-auth-form .auth-heading h1 { font-size: 23px; }
    .mau-auth-form .auth-heading p { font-size: 12px; }
    .mau-auth-form .auth-heading { margin-bottom: 20px; }
    .mau-auth-form .auth-card { padding: 0; }
    .mau-auth-form .auth-footer { margin-top: 22px; }
    .mau-auth-form .row.g-3 { --bs-gutter-y: .75rem; }
    .mau-auth-form .register-section { padding-top: 16px; margin-top: 16px; }
    .mau-auth-form .section-title strong { font-size: 13px; }
    .mau-auth-form .section-title small { font-size: 9px; }
    .mau-auth-form .login-options { margin-bottom: 18px !important; }
    .mau-auth-form .login-options .text-muted { display: none; }
}