/* ==========================================================
   INCEPTION V45
   STEP 3 CONFIRMATION CHECKBOX ONLY
   ========================================================== */


/*
 * Confirmation label.
 * Input checkbox asli TETAP ADA dan tetap menangani state.
 */

#inception-register-v50-host
.v50-card:has(.v50-proof-grid)
label:has(input[type="checkbox"]) {
    position: relative !important;

    display: flex !important;
    align-items: flex-start !important;

    gap: 12px !important;

    cursor: pointer !important;
}


/*
 * Checkbox asli hanya disembunyikan secara visual.
 * Logic checked / validation tidak diubah.
 */

#inception-register-v50-host
.v50-card:has(.v50-proof-grid)
label:has(input[type="checkbox"])
input[type="checkbox"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;

    overflow: hidden !important;

    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;
}


/*
 * Kotak centang visual.
 */

#inception-register-v50-host
.v50-card:has(.v50-proof-grid)
label:has(input[type="checkbox"])::before {
    content: "" !important;

    box-sizing: border-box !important;

    display: grid !important;
    place-items: center !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    flex: 0 0 22px !important;

    margin-top: 1px !important;

    border: 2px solid #5871d8 !important;

    border-radius: 6px !important;

    background: #ffffff !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow: none !important;
}


/*
 * Saat checkbox asli checked:
 * kotak menjadi biru + centang putih.
 */

#inception-register-v50-host
.v50-card:has(.v50-proof-grid)
label:has(input[type="checkbox"]:checked)::before {
    content: "✓" !important;

    background: #5871d8 !important;

    border-color: #5871d8 !important;

    color: #ffffff !important;
}


/*
 * Keyboard focus tetap terlihat.
 */

#inception-register-v50-host
.v50-card:has(.v50-proof-grid)
label:has(input[type="checkbox"]:focus-visible)::before {
    box-shadow:
        0 0 0 4px
        rgba(88, 113, 216, .16) !important;
}


/* ==========================================================
   END V45
   ========================================================== */