/* ==========================================================
   INCEPTION V49
   FINAL LOGIN TYPOGRAPHY + ORIGINAL CONFIRMATION CHECKBOX
   ========================================================== */


/* ==========================================================
   1. LOGIN

   React DOM asli:
   .auth-page
     .auth-card
       .auth-title
       .auth-label
       .auth-input
       .auth-submit
       .auth-footer

   :has(#password) membatasi rule hanya pada LOGIN,
   bukan forgot-password.
   ========================================================== */


html body #root
.auth-page
.auth-card:has(#password),

html body #root
.auth-page
.auth-card:has(#password) * {
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;
}


/* Login = skala judul Daftar Tim */

html body #root
.auth-page
.auth-card:has(#password)
.auth-title {
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        42px !important;

    font-weight:
        800 !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -0.03em !important;
}


/* Email / Password */

html body #root
.auth-page
.auth-card:has(#password)
.auth-label {
    font-size:
        13.5px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;
}


/* Input */

html body #root
.auth-page
.auth-card:has(#password)
.auth-input {
    font-size:
        15px !important;

    font-weight:
        500 !important;

    line-height:
        1.4 !important;
}


/* Masuk */

html body #root
.auth-page
.auth-card:has(#password)
.auth-submit {
    font-size:
        13.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;
}


/* Lupa password + footer */

html body #root
.auth-page
.auth-card:has(#password)
.auth-link,

html body #root
.auth-page
.auth-card:has(#password)
.auth-link-strong,

html body #root
.auth-page
.auth-card:has(#password)
.auth-footer {
    font-size:
        13px !important;

    line-height:
        1.45 !important;
}


/* ==========================================================
   2. STEP 3 CONFIRMATION

   Target checkbox ASLI berdasarkan ID.
   Tidak membuat checkbox baru.
   ========================================================== */


#inception-register-v50-host
label.v50-check:has(> #v50-declaration) {
    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        12px !important;

    cursor:
        pointer !important;
}


/*
 * ID selector sengaja dipakai agar menang dari
 * V42/V43/V44/V45/V46 lama.
 */

#inception-register-v50-host
#v50-declaration[type="checkbox"] {
    all:
        revert !important;

    -webkit-appearance:
        checkbox !important;

    appearance:
        auto !important;

    display:
        inline-block !important;

    position:
        static !important;

    box-sizing:
        border-box !important;

    width:
        22px !important;

    height:
        22px !important;

    min-width:
        22px !important;

    min-height:
        22px !important;

    max-width:
        22px !important;

    max-height:
        22px !important;

    flex:
        0 0 22px !important;

    margin:
        1px 0 0 0 !important;

    padding:
        0 !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    overflow:
        visible !important;

    clip:
        auto !important;

    clip-path:
        none !important;

    transform:
        none !important;

    pointer-events:
        auto !important;

    cursor:
        pointer !important;

    accent-color:
        #5871d8 !important;

    vertical-align:
        top !important;

    z-index:
        50 !important;
}


/*
 * Jangan pakai pseudo checkbox lama.
 * Checkmark memakai native Chromium.
 */

#inception-register-v50-host
#v50-declaration[type="checkbox"]::before,

#inception-register-v50-host
#v50-declaration[type="checkbox"]::after {
    content:
        none !important;

    display:
        none !important;
}


/* Focus tetap jelas */

#inception-register-v50-host
#v50-declaration[type="checkbox"]:focus-visible {
    outline:
        2px solid
        #5871d8 !important;

    outline-offset:
        2px !important;
}


/* Copy konfirmasi */

#inception-register-v50-host
label.v50-check:has(> #v50-declaration)
> span {
    flex:
        1 1 auto !important;

    min-width:
        0 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    html body #root
    .auth-page
    .auth-card:has(#password)
    .auth-title {
        font-size:
            34px !important;
    }

}


/* ==========================================================
   END V49
   ========================================================== */