/* ============================================================
   INCEPTION V33
   STEP 2 + STEP 3 COMPACT DESKTOP
   ============================================================ */


/* ============================================================
   EMPTY INTRO WRAPPER
   ============================================================ */

#inception-register-v50-host
.v33-empty-intro{

    display:
        none!important;

    margin:
        0!important;

    padding:
        0!important;

    min-height:
        0!important;
}



/* ============================================================
   STEP 2
   ============================================================ */

#inception-register-v50-host.v33-step2
.v50-card{

    padding-top:
        14px!important;

    padding-bottom:
        14px!important;

    min-height:
        0!important;
}


/*
 * Kalau ada header lama yang sudah kosong.
 */
#inception-register-v50-host.v33-step2
.v50-card-head:empty,

#inception-register-v50-host.v33-step2
.v17-members-screen
> *:empty{

    display:
        none!important;

    margin:
        0!important;

    padding:
        0!important;
}


/*
 * Team size buttons.
 */
#inception-register-v50-host.v33-step2
.v15-size-btn{

    min-height:
        38px!important;

    padding:
        6px
        12px!important;
}


/*
 * Member rows:
 * tetap readable tapi jauh lebih compact.
 */
#inception-register-v50-host.v33-step2
.v15-member-row{

    min-height:
        0!important;

    margin:
        0!important;

    padding:
        8px
        10px!important;

    gap:
        10px!important;
}


#inception-register-v50-host.v33-step2
.v15-member-label{

    min-height:
        0!important;
}


#inception-register-v50-host.v33-step2
.v15-member-row
.v50-field{

    margin:
        0!important;
}


#inception-register-v50-host.v33-step2
.v15-member-row
.v50-field
> span{

    margin-bottom:
        4px!important;
}


#inception-register-v50-host.v33-step2
.v15-member-row
input{

    min-height:
        39px!important;

    height:
        39px!important;

    padding-top:
        0!important;

    padding-bottom:
        0!important;
}


/*
 * Button area.
 */
#inception-register-v50-host.v33-step2
.v50-actions{

    margin-top:
        10px!important;

    padding-top:
        0!important;
}



/* ============================================================
   STEP 3
   ============================================================ */

/*
 * Fallback kalau JS tidak remove.
 */
#inception-register-v50-host.v33-step3
.v50-card-head{

    display:
        none!important;
}


#inception-register-v50-host.v33-step3
.v50-card{

    padding-top:
        12px!important;

    padding-bottom:
        12px!important;

    min-height:
        0!important;
}


/*
 * Bukti Follow + Payment.
 */
#inception-register-v50-host.v33-step3
.v50-proof-grid{

    margin-top:
        0!important;

    gap:
        10px!important;
}


#inception-register-v50-host.v33-step3
.v50-proof{

    min-height:
        0!important;

    padding:
        13px!important;

    border-radius:
        12px!important;
}


#inception-register-v50-host.v33-step3
.v50-proof
> b{

    margin-bottom:
        5px!important;
}


#inception-register-v50-host.v33-step3
.v50-proof
h3{

    margin-top:
        0!important;

    margin-bottom:
        3px!important;
}


#inception-register-v50-host.v33-step3
.v50-proof
> p{

    margin-top:
        0!important;

    margin-bottom:
        8px!important;

    line-height:
        1.35!important;
}


/*
 * Upload box top cards.
 */
#inception-register-v50-host.v33-step3
.v50-upload{

    min-height:
        64px!important;

    margin-top:
        8px!important;

    padding:
        10px
        12px!important;
}



/* ============================================================
   KARTU PELAJAR 1 PDF
   ============================================================ */

#inception-register-v50-host.v33-step3
.v24c-student-card{

    margin-top:
        10px!important;

    padding:
        12px!important;

    border-radius:
        12px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-head{

    margin-bottom:
        8px!important;

    gap:
        10px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-title{

    gap:
        9px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-title
> b{

    width:
        27px!important;

    height:
        27px!important;

    flex-basis:
        27px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-title
p{

    margin-top:
        3px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-upload{

    min-height:
        58px!important;

    padding:
        10px
        12px!important;
}


#inception-register-v50-host.v33-step3
.v24c-card-note{

    margin-top:
        5px!important;
}



/* ============================================================
   CONFIRMATION
   ============================================================ */

#inception-register-v50-host.v33-step3
label:has(#v50-confirm){

    margin-top:
        9px!important;

    padding:
        9px
        11px!important;

    min-height:
        0!important;
}


/*
 * Beberapa source memakai wrapper confirm.
 */
#inception-register-v50-host.v33-step3
.v50-confirm,

#inception-register-v50-host.v33-step3
.v50-confirmation{

    margin-top:
        9px!important;

    padding:
        9px
        11px!important;

    min-height:
        0!important;
}



/* ============================================================
   ACTION BUTTONS
   ============================================================ */

#inception-register-v50-host.v33-step3
.v50-actions{

    margin-top:
        9px!important;

    padding-top:
        0!important;
}


#inception-register-v50-host.v33-step3
.v50-actions
button{

    min-height:
        42px!important;
}



/* ============================================================
   DESKTOP ONE-SCREEN TUNING
   ============================================================ */

@media(
    min-width: 900px
)
and
(
    min-height: 760px
){

    #inception-register-v50-host.v33-step2
    .v50-card,

    #inception-register-v50-host.v33-step3
    .v50-card{

        max-height:
            none!important;

        overflow:
            visible!important;
    }


    /*
     * Jangan buat internal scroll pada card.
     */
    #inception-register-v50-host.v33-step2
    .v50-card,

    #inception-register-v50-host.v33-step3
    .v50-card,

    #inception-register-v50-host.v33-step2
    .v50-form-wrap,

    #inception-register-v50-host.v33-step3
    .v50-form-wrap{

        overflow-y:
            visible!important;
    }

}



/* ============================================================
   MOBILE
   Mobile boleh natural document height.
   ============================================================ */

@media(max-width:760px){

    #inception-register-v50-host.v33-step2
    .v15-member-row{

        padding:
            10px!important;
    }


    #inception-register-v50-host.v33-step3
    .v50-proof{

        padding:
            12px!important;
    }


    #inception-register-v50-host.v33-step3
    .v24c-student-card{

        padding:
            12px!important;
    }

}