/* ============================================================
   INCEPTION REGISTER V50
   VISUAL CONSISTENCY WITH LOGIN
   ============================================================ */

html,
body{
    margin:0;
    padding:0;
}

body.inception-register-v50-active{
    margin:0!important;
    padding:0!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
    background:#f7f8fb!important;
}

body.inception-register-v50-active #root{
    display:none!important;
}

body.inception-register-v50-active::before,
body.inception-register-v50-active::after{
    display:none!important;
    content:none!important;
}

#inception-register-v50-host{
    display:block;
    width:100%;
    min-height:100vh;
    position:relative;
    z-index:999999;
}

#inception-register-v50-host *,
#inception-register-v50-host *::before,
#inception-register-v50-host *::after{
    box-sizing:border-box;
}


#inception-register-v50{
    min-height:100vh;
    width:100%;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    color:#28344f;
}


/* ============================================================
   SPLIT SCREEN
   ============================================================ */

.v50-auth-layout{
    width:100%;
    min-height:100vh;
    display:grid;
    grid-template-columns:50% 50%;
}


/* ============================================================
   LEFT / BLUE
   ============================================================ */

.v50-auth-brand{
    min-height:100vh;
    position:relative;
    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:60px;

    background:
        radial-gradient(
            circle at 58% 43%,
            rgba(112,142,231,.20),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #324ca9 0%,
            #4167c2 58%,
            #4d73cb 100%
        );

    color:#fff;
}


.v50-brand-content{
    width:min(470px,100%);
    text-align:center;
    position:relative;
    z-index:3;
}


.v50-big-logo{
    display:block!important;
    width:94px!important;
    height:94px!important;
    min-width:94px!important;
    min-height:94px!important;
    max-width:94px!important;
    max-height:94px!important;
    object-fit:contain!important;
    margin:0 auto 42px!important;

    position:static!important;
    transform:none!important;
}


.v50-volume{
    margin-bottom:19px;

    color:rgba(255,255,255,.82);
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:.20em;
    text-transform:uppercase;
}


.v50-brand-content h1{
    margin:0;

    color:#fff;
    font-size:clamp(45px,4vw,68px);
    line-height:.98;
    letter-spacing:-.045em;
    font-weight:780;
}


.v50-brand-content p{
    width:min(390px,100%);
    margin:28px auto 0;

    color:rgba(255,255,255,.84);
    font-size:16px;
    line-height:1.75;
}


.v50-brand-line{
    display:flex;
    justify-content:center;

    margin-top:31px;
}


.v50-brand-line i{
    display:block;
    width:39px;
    height:4px;

    background:#e8edf9;
}


.v50-brand-line i:last-child{
    width:37px;
    background:#f08077;
}


/* decoration */

.v50-deco{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.11);
}


.v50-deco-top{
    width:110px;
    height:110px;
    left:44px;
    top:60px;
}


.v50-deco-bottom{
    width:160px;
    height:160px;
    right:-80px;
    bottom:-70px;
    opacity:.4;
}


/* ============================================================
   RIGHT / RED
   ============================================================ */

.v50-auth-form{
    min-height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:42px 40px;

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 42% 42%,
            rgba(255,255,255,.14),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #bb5555 0%,
            #d36860 58%,
            #df7468 100%
        );
}


.v50-auth-form::after{
    content:"";
    position:absolute;

    width:94px;
    height:94px;

    border-radius:50%;

    right:55px;
    bottom:65px;

    background:rgba(255,255,255,.10);
}


/* ============================================================
   FORM CONTAINER
   ============================================================ */

.v50-form-wrap{
    position:relative;
    z-index:3;

    width:min(720px,96%);
}


.v50-mobile-brand{
    display:none;
}


.v50-register-heading{
    text-align:center;
    margin-bottom:17px;
}


.v50-register-heading > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 14px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.40);
    background:rgba(255,255,255,.86);

    color:#5870bb;

    font-size:10px;
    font-weight:850;
    letter-spacing:.13em;
}


.v50-register-heading h2{
    margin:9px 0 4px;

    color:#fff;

    font-size:34px;
    line-height:1.1;

    font-weight:800;
    letter-spacing:-.03em;
}


.v50-register-heading p{
    margin:0;

    color:rgba(255,255,255,.82);

    font-size:12px;
    line-height:1.5;
}


/* ============================================================
   STEPS
   ============================================================ */

.v50-progress{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;

    width:92%;
    margin:0 auto 9px;
}


.v50-step-chip{
    min-width:0;
    min-height:42px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    padding:8px 10px;

    border-radius:11px;

    border:1px solid rgba(255,255,255,.35);

    background:rgba(255,255,255,.84);

    color:#9099ab;

    font-size:10px;
    line-height:1.2;

    font-weight:750;

    transition:
        .2s background,
        .2s color,
        .2s border-color;
}


.v50-step-chip b{
    font-size:10px;
}


.v50-step-chip span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.v50-step-chip.active{
    color:#516bc0;

    border-color:#d9e1fb;

    background:#f1f4ff;
}


/* ============================================================
   CARD
   ============================================================ */

.v50-card{
    width:100%;

    margin:0;

    padding:25px 27px 23px;

    border-radius:23px;

    border:1px solid rgba(255,255,255,.85);

    background:rgba(255,255,255,.975);

    box-shadow:
        0 25px 70px rgba(88,39,48,.24);

    backdrop-filter:blur(8px);
}


.v50-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;

    margin-bottom:18px;
}


.v50-card-head small{
    display:block;

    margin-bottom:4px;

    color:#5870c5;

    font-size:10px;
    font-weight:850;
    letter-spacing:.15em;
}


.v50-card-head h2{
    margin:0 0 3px;

    color:#26324b;

    font-size:25px;
    line-height:1.15;

    letter-spacing:-.02em;
}


.v50-card-head p{
    margin:0;

    color:#8c96a8;

    font-size:11px;
    line-height:1.5;
}


.v50-counter{
    flex:none;

    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 13px;

    border-radius:11px;

    background:#eef2ff;

    color:#526ec3;

    font-size:12px;
    font-weight:850;
}


/* ============================================================
   FORM
   ============================================================ */

.v50-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px 14px;
}


.v50-field{
    display:grid;
    gap:6px;
}


.v50-field.full{
    grid-column:1/-1;
}


.v50-field > span{
    color:#53617a;

    font-size:10px;
    font-weight:750;
}


.v50-field input{
    position:relative!important;

    width:100%!important;
    height:45px!important;

    margin:0!important;
    padding:0 12px!important;

    border:1px solid #dde3ed!important;
    border-radius:11px!important;

    outline:none!important;

    background:#fafbfe!important;

    color:#28344c!important;

    font:inherit!important;
    font-size:12px!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;

    transition:
        border-color .2s,
        box-shadow .2s,
        background .2s;
}


.v50-field input::placeholder{
    color:#a3adbd;
}


.v50-field input:focus{
    background:#fff!important;

    border-color:#7890d9!important;

    box-shadow:
        0 0 0 3px rgba(89,115,198,.10)!important;
}


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

.v50-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-top:19px;
}


.v50-actions.right{
    justify-content:flex-end;
}


.v50-btn{
    min-height:43px;

    border:0;
    border-radius:10px;

    padding:0 20px;

    cursor:pointer;

    font:inherit;
    font-size:12px;
    font-weight:800;

    transition:
        transform .15s,
        opacity .15s,
        box-shadow .15s;
}


.v50-btn:hover{
    transform:translateY(-1px);
}


.v50-btn.primary{
    min-width:190px;

    background:
        linear-gradient(
            95deg,
            #5575d1 0%,
            #7778c5 50%,
            #c76b69 100%
        );

    color:#fff;

    box-shadow:
        0 9px 24px rgba(82,103,180,.20);
}


.v50-btn.secondary{
    background:#eef1f6;
    color:#59667c;
}


.v50-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none;
}


/* ============================================================
   MEMBER DOTS
   ============================================================ */

.v50-member-dots{
    display:flex;
    gap:6px;

    margin:0 0 17px;
}


.v50-member-dots i{
    display:block;

    flex:1;

    height:4px;

    border-radius:999px;

    background:#e1e6ef;
}


.v50-member-dots i.active{
    background:
        linear-gradient(
            90deg,
            #5975d0,
            #bc6b70
        );
}


/* ============================================================
   UPLOAD
   ============================================================ */

.v50-upload{
    min-height:90px;

    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:15px 16px;

    border:1px dashed #becbe1;
    border-radius:13px;

    background:#fafcff;

    cursor:pointer;
}


.v50-upload:hover{
    border-color:#758dd0;
    background:#f5f8ff;
}


.v50-upload strong{
    color:#3d4f6d;
    font-size:12px;
}


.v50-upload small{
    margin-top:4px;

    color:#929daf;

    font-size:10px;
}


.v50-upload input{
    position:absolute!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;

    cursor:pointer!important;

    opacity:0!important;
}


/* ============================================================
   PROOFS
   ============================================================ */

.v50-proof-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}


.v50-proof{
    padding:16px;

    border:1px solid #e2e7ef;
    border-radius:15px;

    background:#fff;
}


.v50-proof > b{
    color:#5974c6;

    font-size:9px;
    font-weight:850;
    letter-spacing:.12em;
}


.v50-proof h3{
    margin:5px 0 4px;

    color:#2e3c58;

    font-size:15px;
}


.v50-proof p{
    min-height:37px;

    margin:0 0 12px;

    color:#8c97a8;

    font-size:10px;
    line-height:1.5;
}


/* ============================================================
   CHECKBOX
   ============================================================ */

.v50-check{
    display:flex;
    align-items:flex-start;
    gap:10px;

    margin-top:14px;

    padding:13px;

    border:1px solid #e4e8ef;
    border-radius:11px;

    background:#f7f9fc;

    color:#68758a;

    font-size:10px;
    line-height:1.55;
}


.v50-check input{
    flex:none;

    width:16px!important;
    height:16px!important;

    margin:0!important;
}


/* ============================================================
   ALERT
   ============================================================ */

.v50-alert{
    display:none;

    width:100%;

    margin:0 0 9px;

    padding:10px 12px;

    border:1px solid rgba(255,255,255,.7);
    border-radius:10px;

    background:#fff1f0;

    color:#aa403b;

    font-size:10px;
    font-weight:750;
}


.v50-alert.show{
    display:block;
}


/* ============================================================
   LOGIN LINK
   ============================================================ */

.v50-login-link{
    margin-top:9px;

    text-align:center;

    color:rgba(255,255,255,.90);

    font-size:10px;
}


.v50-login-link a{
    margin-left:3px;

    color:#fff;

    font-weight:800;

    text-decoration:none;
}


.v50-login-link a:hover{
    text-decoration:underline;
}


/* ============================================================
   OTP
   ============================================================ */

.v50-otp{
    text-align:center;
}


.v50-otp .v50-card-head{
    justify-content:center;
}


.v50-otp input#v50-otp{
    width:280px!important;
    max-width:100%!important;
    height:58px!important;

    border:1px solid #d6ddea!important;
    border-radius:12px!important;

    background:#fafbfe!important;

    text-align:center!important;

    color:#2b3853!important;

    font-size:23px!important;
    font-weight:850!important;
    letter-spacing:.28em!important;

    outline:none!important;
}


.v50-otp input#v50-otp:focus{
    border-color:#758dd3!important;

    box-shadow:
        0 0 0 3px rgba(84,111,195,.10)!important;
}


/* ============================================================
   SUCCESS
   ============================================================ */

.v50-success{
    padding:18px 10px;

    text-align:center;
}


.v50-success h2{
    margin:0 0 10px;

    color:#31456f;
}


.v50-success p{
    width:min(470px,100%);

    margin:7px auto;

    color:#778396;

    font-size:12px;
    line-height:1.6;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1050px){

    .v50-auth-brand{
        padding:40px;
    }

    .v50-brand-content h1{
        font-size:50px;
    }

    .v50-auth-form{
        padding:30px 24px;
    }

    .v50-form-wrap{
        width:100%;
    }

}


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

@media(max-width:760px){

    .v50-auth-layout{
        display:block;

        min-height:100vh;

        background:
            linear-gradient(
                160deg,
                #3e60ba 0%,
                #5571c3 30%,
                #ca6461 100%
            );
    }


    .v50-auth-brand{
        display:none;
    }


    .v50-auth-form{
        min-height:100vh;

        padding:
            22px
            12px
            35px;

        background:transparent;
    }


    .v50-auth-form::after{
        display:none;
    }


    .v50-form-wrap{
        width:100%;
        max-width:580px;
    }


    .v50-mobile-brand{
        display:flex;
        align-items:center;
        gap:10px;

        margin:0 4px 20px;

        color:#fff;
    }


    .v50-mobile-brand img{
        width:44px!important;
        height:44px!important;

        object-fit:contain!important;
    }


    .v50-mobile-brand strong{
        display:block;

        font-size:14px;
    }


    .v50-mobile-brand span{
        display:block;

        margin-top:2px;

        color:rgba(255,255,255,.75);

        font-size:9px;
    }


    .v50-register-heading h2{
        font-size:29px;
    }


    .v50-register-heading p{
        font-size:11px;
    }


    .v50-progress{
        width:100%;
        gap:5px;
    }


    .v50-step-chip{
        min-height:39px;

        padding:7px 5px;

        gap:3px;

        font-size:8px;
    }


    .v50-step-chip b{
        font-size:8px;
    }


    .v50-card{
        padding:21px 15px 18px;

        border-radius:18px;
    }


    .v50-grid{
        grid-template-columns:1fr;
    }


    .v50-field.full{
        grid-column:auto;
    }


    .v50-proof-grid{
        grid-template-columns:1fr;
    }


    .v50-actions{
        flex-direction:column-reverse;
    }


    .v50-actions.right{
        align-items:stretch;
    }


    .v50-btn{
        width:100%;
    }


    .v50-btn.primary{
        min-width:0;
    }

}


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

@media(max-width:390px){

    .v50-step-chip span{
        display:none;
    }

    .v50-step-chip{
        font-size:10px;
    }

    .v50-register-heading h2{
        font-size:27px;
    }

}


/* ============================================================
   V50 SEARCHABLE LOCATION DROPDOWN
   ============================================================ */

.v50-select-wrap{
    position:relative;
    width:100%;
}


.v50-select-wrap input{
    padding-right:39px!important;
}


.v50-select-arrow{
    position:absolute;

    top:50%;
    right:14px;

    transform:translateY(-54%);

    color:#6c82c7;

    font-size:18px;
    font-style:normal;
    line-height:1;

    pointer-events:none;
}


.v50-select-wrap input:disabled{
    cursor:not-allowed!important;

    background:#f3f5f8!important;

    color:#9ba5b5!important;

    opacity:.78!important;
}


.v50-select-wrap input:disabled
+ .v50-select-arrow{
    color:#bac2cf;
}


.v50-helper{
    display:block;

    margin-top:1px;

    color:#929cad!important;

    font-size:9px!important;
    line-height:1.45;
    font-weight:500!important;
}


/* Chrome datalist fields */
.v50-select-wrap input::-webkit-calendar-picker-indicator{
    opacity:0;
}


/* Slightly clearer logo */
.v50-big-logo{
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    min-height:118px!important;
    max-width:118px!important;
    max-height:118px!important;

    margin-bottom:28px!important;
}


@media(max-width:760px){

    .v50-mobile-brand img{
        width:52px!important;
        height:52px!important;
    }

    .v50-helper{
        font-size:8px!important;
    }

}

/* ============================================================
   WHITE UI OVERRIDE
   ============================================================ */

.v50-card,
.v50-proof,
.v50-upload,
.v50-check,
.v50-step-chip{
    background:#ffffff!important;
}

.v50-card{
    border:1px solid rgba(255,255,255,.96)!important;
    box-shadow:0 22px 60px rgba(76,47,55,.18)!important;
}

.v50-card-head h2,
.v50-proof h3,
.v50-field > span{
    color:#28344f!important;
    font-weight:800!important;
}

.v50-card-head p,
.v50-register-heading p,
.v50-helper,
.v50-proof p,
.v50-check{
    color:#6e7890!important;
    font-weight:600!important;
}

.v50-step-chip{
    color:#7b86a0!important;
    border:1px solid #e4e8f1!important;
    font-weight:800!important;
}

.v50-step-chip.active{
    background:#f4f7ff!important;
    color:#546fc3!important;
    border-color:#d9e2fb!important;
}

.v50-field input,
.v50-search-input,
.v50-otp input#v50-otp{
    background:#ffffff!important;
    border:1px solid #dbe2ee!important;
    color:#27344e!important;
    font-weight:700!important;
}

.v50-field input::placeholder,
.v50-search-input::placeholder{
    color:#9aa5b7!important;
    font-weight:600!important;
}

.v50-field input:focus,
.v50-search-input:focus,
.v50-otp input#v50-otp:focus{
    border-color:#7890d9!important;
    box-shadow:0 0 0 3px rgba(92,118,200,.11)!important;
    background:#ffffff!important;
}

.v50-upload{
    background:#ffffff!important;
    border:1px dashed #cfdae8!important;
}

.v50-check{
    background:#ffffff!important;
}

.v50-btn.secondary{
    background:#f3f5f9!important;
    color:#5c677d!important;
}

.v50-menu-title{
    color:#28344f!important;
    font-weight:750!important;
}

.v50-menu-sub{
    color:#7a859c!important;
    font-size:11px!important;
    font-weight:600!important;
}


/* autofill putih */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow:0 0 0 1000px #ffffff inset!important;
    -webkit-text-fill-color:#27344e!important;
    transition:background-color 9999s ease-in-out 0s!important;
}


/* ============================================================
   CUSTOM SEARCH DROPDOWN
   ============================================================ */

.v50-searchable{
    position:relative;
    width:100%;
}

.v50-search-input{
    width:100%!important;
    height:45px!important;
    padding:0 42px 0 12px!important;
    border-radius:11px!important;
    outline:none!important;
    font:inherit!important;
    font-size:12px!important;
}

.v50-search-toggle{
    position:absolute;
    top:50%;
    right:7px;
    transform:translateY(-50%);

    width:28px;
    height:28px;
    border:0;
    border-radius:8px;

    background:transparent;
    color:#6d82c6;

    font-size:18px;
    line-height:1;
    cursor:pointer;
}

.v50-search-toggle:disabled{
    opacity:.4;
    cursor:not-allowed;
}

.v50-search-menu{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    z-index:40;

    display:none;
    overflow:auto;

    max-height:230px;
    padding:6px;

    border:1px solid #d9e2f0;
    border-radius:12px;

    background:#ffffff;
    box-shadow:0 16px 38px rgba(30,44,78,.16);
}

.v50-search-menu.open{
    display:block;
}

.v50-menu-item{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;

    padding:10px 11px;
    border:0;
    border-radius:10px;
    background:#ffffff;

    text-align:left;
    cursor:pointer;
}

.v50-menu-item:hover{
    background:#f5f8ff;
}

.v50-menu-empty{
    padding:11px 12px;
    color:#7d879c;
    font-size:12px;
    font-weight:600;
}

.v50-helper{
    display:block;
    margin-top:3px;
    font-size:10px!important;
    line-height:1.5;
}

.v50-search-input:disabled{
    background:#f7f9fc!important;
    color:#97a2b4!important;
    cursor:not-allowed!important;
}

.v50-search-input:disabled + .v50-search-toggle{
    color:#bcc5d1!important;
}

@media(max-width:760px){
    .v50-search-menu{
        max-height:200px;
    }
}

/* ============================================================
   INCEPTION V50 V6
   ONE-CARD COMPOSITION
   ============================================================ */

/*
 * Gaya akhir mengambil proporsi register lama:
 *
 * Daftar Tim
 * Progress
 * STEP CONTENT
 *
 * semuanya berada di SATU card putih.
 */

.v50-form-wrap{
    width:min(700px,92%)!important;

    padding:
        27px
        29px
        18px!important;

    border:
        1px solid
        rgba(255,255,255,.96)!important;

    border-radius:
        25px!important;

    background:
        #ffffff!important;

    box-shadow:
        0 26px 70px
        rgba(75,39,49,.22)!important;
}


/* ============================================================
   REGISTER TITLE
   ============================================================ */

.v50-register-heading{
    margin-bottom:
        18px!important;

    text-align:
        center!important;
}


.v50-register-heading > span{
    min-height:
        28px!important;

    padding:
        0 14px!important;

    border:
        1px solid
        #dde5f5!important;

    background:
        #f4f7ff!important;

    color:
        #5871c1!important;

    font-size:
        10px!important;

    font-weight:
        900!important;

    letter-spacing:
        .13em!important;
}


.v50-register-heading h2{
    margin:
        9px
        0
        5px!important;

    color:
        #27334e!important;

    font-size:
        36px!important;

    line-height:
        1.05!important;

    font-weight:
        850!important;

    letter-spacing:
        -.035em!important;
}


.v50-register-heading p{
    margin:
        0!important;

    color:
        #68758b!important;

    font-size:
        12.5px!important;

    line-height:
        1.55!important;

    font-weight:
        650!important;
}


/* ============================================================
   STEPS INSIDE CARD
   ============================================================ */

.v50-progress{
    width:
        100%!important;

    margin:
        0
        0
        21px!important;

    gap:
        8px!important;
}


.v50-step-chip{
    min-height:
        43px!important;

    padding:
        9px
        10px!important;

    border:
        1px solid
        #e1e6ef!important;

    border-radius:
        11px!important;

    background:
        #ffffff!important;

    color:
        #818ba0!important;

    font-size:
        10.5px!important;

    font-weight:
        800!important;
}


.v50-step-chip.active{
    border-color:
        #ccd8fa!important;

    background:
        #f3f6ff!important;

    color:
        #4d68bb!important;
}


/* ============================================================
   REMOVE SECOND INNER CARD
   ============================================================ */

.v50-card{
    padding:
        0!important;

    border:
        0!important;

    border-radius:
        0!important;

    background:
        transparent!important;

    box-shadow:
        none!important;
}


/* ============================================================
   STEP TITLE
   ============================================================ */

.v50-card-head{
    margin-bottom:
        20px!important;
}


.v50-card-head small{
    margin-bottom:
        5px!important;

    color:
        #5872c4!important;

    font-size:
        10.5px!important;

    font-weight:
        900!important;

    letter-spacing:
        .15em!important;
}


.v50-card-head h2{
    margin:
        0
        0
        5px!important;

    color:
        #28344e!important;

    font-size:
        27px!important;

    line-height:
        1.1!important;

    font-weight:
        850!important;
}


.v50-card-head p{
    color:
        #727e92!important;

    font-size:
        11.5px!important;

    line-height:
        1.5!important;

    font-weight:
        600!important;
}


/* ============================================================
   LABELS + INPUTS
   ============================================================ */

.v50-grid{
    gap:
        15px
        15px!important;
}


.v50-field{
    gap:
        7px!important;
}


.v50-field > span{
    color:
        #394760!important;

    font-size:
        11.5px!important;

    font-weight:
        800!important;
}


.v50-field input,
.v50-search-input{
    height:
        48px!important;

    padding:
        0 13px!important;

    border:
        1px solid
        #d8e0eb!important;

    border-radius:
        11px!important;

    background:
        #ffffff!important;

    color:
        #26334c!important;

    font-size:
        13px!important;

    font-weight:
        700!important;
}


.v50-search-input{
    padding-right:
        44px!important;
}


.v50-field input::placeholder,
.v50-search-input::placeholder{
    color:
        #9aa5b7!important;

    font-weight:
        600!important;
}


.v50-helper{
    margin-top:
        1px!important;

    color:
        #707c91!important;

    font-size:
        9.5px!important;

    line-height:
        1.45!important;

    font-weight:
        600!important;
}


/* ============================================================
   CUSTOM DROPDOWN
   ============================================================ */

.v50-search-menu{
    top:
        calc(100% + 7px)!important;

    max-height:
        250px!important;

    padding:
        7px!important;

    border:
        1px solid
        #d8e1ef!important;

    border-radius:
        13px!important;

    background:
        #ffffff!important;

    box-shadow:
        0
        16px
        45px
        rgba(34,49,82,.17)!important;
}


.v50-menu-item{
    min-height:
        46px!important;

    padding:
        9px
        11px!important;

    border-radius:
        10px!important;

    background:
        #ffffff!important;
}


.v50-menu-item:hover{
    background:
        #f3f6ff!important;
}


.v50-menu-title{
    color:
        #28354d!important;

    font-size:
        12.5px!important;

    line-height:
        1.35!important;

    font-weight:
        800!important;
}


.v50-menu-sub{
    margin-top:
        2px!important;

    color:
        #7c879a!important;

    font-size:
        10px!important;

    font-weight:
        600!important;
}


.v50-menu-empty{
    padding:
        12px!important;

    color:
        #7b8699!important;

    font-size:
        11px!important;

    font-weight:
        600!important;
}


.v50-menu-divider{
    height:
        1px;

    margin:
        6px
        5px;

    background:
        #e8ecf3;
}


.v50-menu-manual{
    display:
        flex!important;

    flex-direction:
        row!important;

    align-items:
        center!important;

    gap:
        11px!important;

    margin-top:
        2px!important;

    background:
        #f7f9ff!important;
}


.v50-menu-manual:hover{
    background:
        #eef3ff!important;
}


.v50-menu-manual-icon{
    flex:
        none;

    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        9px;

    background:
        #5973c5;

    color:
        #ffffff;

    font-size:
        19px;

    font-weight:
        700;
}


/* ============================================================
   MANUAL SCHOOL
   ============================================================ */

.v50-manual-school{
    width:
        100%;
}


.v50-manual-school-head{
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-bottom:
        9px;

    padding:
        11px
        12px;

    border:
        1px solid
        #dfe6f2;

    border-radius:
        11px;

    background:
        #f6f8ff;
}


.v50-manual-school-head b{
    display:
        block;

    color:
        #34476e;

    font-size:
        11.5px;

    font-weight:
        850;
}


.v50-manual-school-head small{
    display:
        block;

    margin-top:
        2px;

    color:
        #7a869b;

    font-size:
        9.5px;

    font-weight:
        600;
}


.v50-manual-school-head button{
    flex:
        none;

    min-height:
        32px;

    padding:
        0 11px;

    border:
        1px solid
        #d1dbed;

    border-radius:
        9px;

    background:
        #ffffff;

    color:
        #536dbb;

    cursor:
        pointer;

    font-size:
        9.5px;

    font-weight:
        800;
}


#v50-school-manual{
    width:
        100%!important;

    height:
        48px!important;

    border:
        1px solid
        #d8e0eb!important;

    border-radius:
        11px!important;

    background:
        #ffffff!important;

    color:
        #26334c!important;

    padding:
        0 13px!important;

    font-size:
        13px!important;

    font-weight:
        700!important;

    outline:
        none!important;
}


#v50-school-manual:focus{
    border-color:
        #7890d9!important;

    box-shadow:
        0
        0
        0
        3px
        rgba(92,118,200,.11)!important;
}


/* ============================================================
   BUTTON
   ============================================================ */

.v50-actions{
    margin-top:
        21px!important;
}


.v50-btn{
    min-height:
        46px!important;

    padding:
        0
        22px!important;

    font-size:
        12px!important;

    font-weight:
        850!important;
}


.v50-login-link{
    margin-top:
        13px!important;

    color:
        #707b90!important;

    font-size:
        10.5px!important;

    font-weight:
        600!important;
}


.v50-login-link a{
    color:
        #5069b7!important;

    font-weight:
        850!important;
}


/* ============================================================
   RIGHT PANEL
   ============================================================ */

.v50-auth-form{
    padding:
        35px
        30px!important;
}


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

@media(max-width:760px){

    .v50-form-wrap{
        width:
            100%!important;

        padding:
            22px
            15px
            17px!important;

        border-radius:
            20px!important;
    }


    .v50-mobile-brand{
        color:
            #2d3b58!important;
    }


    .v50-mobile-brand span{
        color:
            #747f93!important;
    }


    .v50-register-heading h2{
        font-size:
            30px!important;
    }


    .v50-progress{
        gap:
            5px!important;
    }


    .v50-step-chip{
        min-height:
            40px!important;

        font-size:
            8.5px!important;
    }


    .v50-card-head h2{
        font-size:
            24px!important;
    }


    .v50-grid{
        grid-template-columns:
            1fr!important;
    }


    .v50-field.full{
        grid-column:
            auto!important;
    }


    .v50-manual-school-head{
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


/* ============================================================
   INCEPTION V50 V7
   LOGIN BACK + BRIGHT STEPS + MANUAL SCHOOL BUTTON
   ============================================================ */


/* ============================================================
   KEMBALI KE LOGIN
   ============================================================ */

.v50-register-topbar{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    margin:
        -4px
        0
        17px;
}


.v50-back-login{
    display:inline-flex;
    align-items:center;
    gap:7px;

    min-height:34px;

    padding:
        0
        11px;

    border:
        1px solid
        #dce3ef;

    border-radius:
        10px;

    background:
        #ffffff;

    color:
        #5268ad;

    text-decoration:none;

    font-size:
        10.5px;

    font-weight:
        850;

    transition:
        background .15s,
        border-color .15s,
        transform .15s;
}


.v50-back-login span{
    font-size:
        15px;

    line-height:
        1;
}


.v50-back-login:hover{
    background:
        #f4f7ff;

    border-color:
        #cbd7f4;

    transform:
        translateX(-2px);
}


/* ============================================================
   STEP TAB LEBIH TERANG
   ============================================================ */

.v50-step-chip{
    position:relative;

    overflow:hidden;

    min-height:
        46px!important;

    border-width:
        1.5px!important;

    font-size:
        11px!important;

    font-weight:
        850!important;

    box-shadow:
        0
        5px
        15px
        rgba(43,59,102,.05)!important;
}


/* STEP 1 */

.v50-step-chip:nth-child(1){
    background:
        #f0f4ff!important;

    border-color:
        #c9d6fb!important;

    color:
        #4764bd!important;
}


/* STEP 2 */

.v50-step-chip:nth-child(2){
    background:
        #f5f2ff!important;

    border-color:
        #ddd3fb!important;

    color:
        #7057b8!important;
}


/* STEP 3 */

.v50-step-chip:nth-child(3){
    background:
        #fff3f2!important;

    border-color:
        #f2d2cf!important;

    color:
        #b45d5c!important;
}


/*
 * Active step dibuat jauh lebih jelas.
 */

.v50-step-chip.active{
    color:
        #ffffff!important;

    border-color:
        transparent!important;

    background:
        linear-gradient(
            105deg,
            #5875cf 0%,
            #7279c7 55%,
            #bd6d70 100%
        )!important;

    box-shadow:
        0
        7px
        20px
        rgba(81,103,181,.20)!important;
}


/*
 * karena logic existing state.step >= step,
 * step yang SUDAH dilewati tetap aktif.
 * Beri centang kecil agar terasa completed.
 */

.v50-step-chip.active b{
    color:
        #ffffff!important;
}


.v50-step-chip span{
    font-weight:
        850!important;
}


/* ============================================================
   MANUAL SCHOOL ALWAYS VISIBLE
   ============================================================ */

.v50-school-manual-trigger{
    width:
        100%;

    min-height:
        50px;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    margin-top:
        9px;

    padding:
        8px
        11px;

    border:
        1px dashed
        #bfcceb;

    border-radius:
        11px;

    background:
        #f7f9ff;

    color:
        #34486f;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        background .15s,
        border-color .15s,
        transform .15s;
}


.v50-school-manual-trigger:hover{
    background:
        #eef3ff;

    border-color:
        #899ed9;

    transform:
        translateY(-1px);
}


.v50-school-manual-plus{
    flex:
        none;

    width:
        31px;

    height:
        31px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        9px;

    background:
        linear-gradient(
            135deg,
            #5875cf,
            #8878bf
        );

    color:
        #ffffff;

    font-size:
        19px;

    font-weight:
        800;
}


.v50-school-manual-trigger b{
    display:
        block;

    color:
        #364a72;

    font-size:
        11px;

    font-weight:
        850;
}


.v50-school-manual-trigger small{
    display:
        block;

    margin-top:
        2px;

    color:
        #77849a;

    font-size:
        9.5px;

    font-weight:
        600;
}


/* ============================================================
   BOTTOM LOGIN
   ============================================================ */

.v50-login-link{
    display:flex!important;

    justify-content:center;

    align-items:center;

    gap:
        5px;

    margin-top:
        15px!important;

    color:
        #707b8f!important;

    font-size:
        10.5px!important;
}


.v50-login-link a{
    color:
        #4e67b3!important;

    font-weight:
        850!important;

    text-decoration:
        none!important;
}


.v50-login-link a:hover{
    text-decoration:
        underline!important;
}


/* ============================================================
   FONT POLISH
   ============================================================ */

.v50-register-heading h2{
    font-size:
        38px!important;

    font-weight:
        900!important;
}


.v50-card-head h2{
    font-size:
        29px!important;

    font-weight:
        900!important;
}


.v50-field > span{
    font-size:
        12px!important;

    font-weight:
        850!important;
}


.v50-field input,
.v50-search-input{
    font-size:
        13.5px!important;

    font-weight:
        700!important;
}


.v50-btn.primary{
    font-size:
        12.5px!important;

    font-weight:
        900!important;
}


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

@media(max-width:760px){

    .v50-register-topbar{
        margin-bottom:
            13px;
    }


    .v50-back-login{
        font-size:
            10px;
    }


    .v50-step-chip{
        min-height:
            42px!important;

        font-size:
            9px!important;
    }


    .v50-register-heading h2{
        font-size:
            31px!important;
    }


    .v50-card-head h2{
        font-size:
            25px!important;
    }

}


/* ============================================================
   INCEPTION V50 V8
   STEP CONSISTENCY + TRUE PAGE SCROLL
   ============================================================ */


/* ------------------------------------------------------------
   PAGE MUST SCROLL
   ------------------------------------------------------------ */

html,
html.inception-v50-prehide,
body,
body.inception-register-v50-active{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}


#inception-register-v50-host,
#inception-register-v50,
.v50-auth-layout{
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
}


/*
 * Jangan center paksa card secara vertikal.
 * Kalau isi tinggi, card harus memperpanjang halaman.
 */

.v50-auth-form{
    height:auto!important;
    min-height:100vh!important;

    align-items:flex-start!important;

    overflow:visible!important;

    padding:
        34px
        30px
        45px!important;
}


.v50-form-wrap{
    margin:
        auto
        0!important;

    overflow:visible!important;
}


/*
 * Left branding tetap terlihat saat panel kanan panjang.
 */

@media(min-width:761px){

    .v50-auth-brand{
        position:sticky!important;
        top:0!important;

        height:100vh!important;
        min-height:100vh!important;

        align-self:start!important;
    }

}


/* ------------------------------------------------------------
   RESET WARNA TAB LAMA
   Semua inactive SATU gaya.
   ------------------------------------------------------------ */

.v50-step-chip:nth-child(1),
.v50-step-chip:nth-child(2),
.v50-step-chip:nth-child(3),
.v50-step-chip{
    background:#ffffff!important;

    border:
        1.5px solid
        #dfe5ef!important;

    color:
        #7b879b!important;

    box-shadow:
        none!important;
}


.v50-step-chip b,
.v50-step-chip span{
    color:inherit!important;
}


/* ------------------------------------------------------------
   CURRENT STEP
   Hanya SATU yang benar-benar terang.
   ------------------------------------------------------------ */

.v50-step-chip.current{
    background:
        linear-gradient(
            100deg,
            #5875d0 0%,
            #777ac7 55%,
            #c56d6b 100%
        )!important;

    border-color:
        transparent!important;

    color:
        #ffffff!important;

    box-shadow:
        0
        8px
        22px
        rgba(81,104,185,.22)!important;
}


/* ------------------------------------------------------------
   COMPLETED STEP
   Sudah lewat tapi tidak menyaingi current.
   ------------------------------------------------------------ */

.v50-step-chip.done{
    position:relative;

    background:
        #f1f5ff!important;

    border-color:
        #cad7f7!important;

    color:
        #5069b8!important;
}


.v50-step-chip.done::after{
    content:"✓";

    display:grid;
    place-items:center;

    width:17px;
    height:17px;

    margin-left:3px;

    border-radius:50%;

    background:#5b75c5;

    color:#ffffff;

    font-size:9px;
    font-weight:900;
}


/* ------------------------------------------------------------
   MANUAL SCHOOL
   Saat manual aktif, jangan tampilkan CTA manual kedua.
   ------------------------------------------------------------ */

.v50-manual-school
+ .v50-helper{
    margin-top:
        6px!important;
}


/* ------------------------------------------------------------
   CARD BOTTOM ROOM
   ------------------------------------------------------------ */

.v50-actions{
    padding-bottom:
        2px!important;
}


.v50-login-link{
    padding-bottom:
        1px!important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:760px){

    html,
    body,
    body.inception-register-v50-active{
        overflow-y:auto!important;
    }


    .v50-auth-brand{
        position:static!important;
        height:auto!important;
    }


    .v50-auth-form{
        min-height:100vh!important;

        padding:
            18px
            12px
            35px!important;

        overflow:visible!important;
    }


    .v50-form-wrap{
        margin:0!important;
    }


    .v50-step-chip.done::after{
        display:none;
    }

}

/* ============================================================
   V9 - HIDE SCROLLBAR, KEEP SCROLL WORKING
   ============================================================ */

html,
body,
body.inception-register-v50-active,
#inception-register-v50-host,
#inception-register-v50{
    -ms-overflow-style:none!important;
    scrollbar-width:none!important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
body.inception-register-v50-active::-webkit-scrollbar,
#inception-register-v50-host::-webkit-scrollbar,
#inception-register-v50::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}

html,
body{
    overflow-y:auto!important;
}

body.inception-register-v50-active{
    overflow-y:auto!important;
}


/* ============================================================
   V10 - FINAL LAYOUT CLEANUP
   ============================================================ */


/* ------------------------------------------------------------
   DESKTOP:
   panel kiri FIXED 100vh.
   Jadi tidak pernah muncul strip/band biru berbeda di bawah.
   ------------------------------------------------------------ */

@media(min-width:761px){

    body.inception-register-v50-active{
        background:#c96861!important;
    }


    .v50-auth-layout{
        display:block!important;
        min-height:100vh!important;
        width:100%!important;
        background:#c96861!important;
    }


    .v50-auth-brand{
        position:fixed!important;

        top:0!important;
        left:0!important;

        width:50%!important;
        height:100vh!important;
        min-height:100vh!important;

        z-index:1!important;

        padding:60px!important;

        overflow:hidden!important;

        background:
            radial-gradient(
                circle at 54% 42%,
                rgba(112,142,231,.16),
                transparent 31%
            ),
            linear-gradient(
                145deg,
                #3f59b2 0%,
                #4a68bd 52%,
                #5575c7 100%
            )!important;
    }


    .v50-auth-form{
        position:relative!important;

        width:50%!important;
        min-height:100vh!important;

        margin-left:50%!important;

        display:flex!important;

        align-items:flex-start!important;
        justify-content:center!important;

        padding:
            34px
            30px
            42px!important;

        overflow:visible!important;

        background:
            radial-gradient(
                circle at 43% 40%,
                rgba(255,255,255,.11),
                transparent 30%
            ),
            linear-gradient(
                145deg,
                #bb5a58 0%,
                #cc6861 55%,
                #dc7469 100%
            )!important;
    }


    .v50-form-wrap{
        margin:auto 0!important;
    }

}


/* ------------------------------------------------------------
   HAPUS TEKS KETERANGAN KECIL
   contoh:
   - Ketik lalu pilih provinsi...
   - Kota mengikuti provinsi...
   - Cari nama sekolah...
   ------------------------------------------------------------ */

.v50-helper{
    display:none!important;
}


/*
 * Karena helper hilang,
 * rapikan spacing antar field.
 */

.v50-grid{
    gap:
        16px
        15px!important;
}


.v50-field{
    gap:
        7px!important;
}


.v50-school-manual-trigger{
    margin-top:
        8px!important;
}


/* ------------------------------------------------------------
   INPUT LEBIH PUTIH / TEGAS
   ------------------------------------------------------------ */

.v50-field input,
.v50-search-input,
#v50-school-manual{
    background:#ffffff!important;

    border:
        1.2px solid
        #d7deea!important;

    color:#27344d!important;

    font-weight:750!important;
}


.v50-field > span{
    color:#344158!important;

    font-weight:850!important;
}


/* ------------------------------------------------------------
   CARD CLEAN
   ------------------------------------------------------------ */

.v50-form-wrap{
    background:#ffffff!important;

    border:
        1px solid
        rgba(255,255,255,.98)!important;

    box-shadow:
        0
        24px
        65px
        rgba(72,40,49,.20)!important;
}


/* ------------------------------------------------------------
   SCROLL TETAP BERFUNGSI, BAR TIDAK TERLIHAT
   ------------------------------------------------------------ */

html,
body,
body.inception-register-v50-active{
    overflow-y:auto!important;

    scrollbar-width:none!important;

    -ms-overflow-style:none!important;
}


html::-webkit-scrollbar,
body::-webkit-scrollbar,
body.inception-register-v50-active::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}


/* ------------------------------------------------------------
   MOBILE:
   jangan fixed kiri.
   ------------------------------------------------------------ */

@media(max-width:760px){

    .v50-auth-layout{
        display:block!important;
        min-height:100vh!important;
    }


    .v50-auth-brand{
        display:none!important;
        position:static!important;
    }


    .v50-auth-form{
        width:100%!important;
        margin-left:0!important;

        min-height:100vh!important;

        overflow:visible!important;
    }


    .v50-form-wrap{
        margin:0!important;
    }

}


/* ============================================================
   V12 - CLEAN STEP 1
   ============================================================ */

.v50-card > .v50-grid{
    margin-top:3px!important;
}


/* ============================================================
   V12 - PROFESSIONAL SEARCH DROPDOWN
   ============================================================ */

.v50-searchable{
    position:relative!important;
    isolation:isolate;
}


.v50-search-input{
    height:48px!important;

    padding:
        0
        48px
        0
        14px!important;

    border:
        1px solid
        #d7dfeb!important;

    border-radius:
        12px!important;

    background:
        #ffffff!important;

    color:
        #28364f!important;

    font-size:
        13px!important;

    font-weight:
        700!important;

    transition:
        border-color .16s ease,
        box-shadow .16s ease!important;
}


.v50-search-input:hover:not(:disabled){
    border-color:
        #becbe1!important;
}


.v50-search-input:focus{
    border-color:
        #6682d5!important;

    box-shadow:
        0
        0
        0
        3px
        rgba(83,112,202,.10)!important;
}


/* tombol panah */

.v50-search-toggle{
    position:absolute!important;

    top:50%!important;
    right:8px!important;

    width:32px!important;
    height:32px!important;

    transform:
        translateY(-50%)!important;

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

    padding:0!important;

    border:
        1px solid
        #e1e7f0!important;

    border-radius:
        9px!important;

    background:
        #f7f9fd!important;

    color:
        transparent!important;

    font-size:
        0!important;

    cursor:pointer!important;

    transition:
        background .15s ease,
        border-color .15s ease!important;
}


.v50-search-toggle::before{
    content:"";

    width:7px;
    height:7px;

    border-right:
        2px solid
        #6279be;

    border-bottom:
        2px solid
        #6279be;

    transform:
        rotate(45deg)
        translate(-1px,-1px);
}


.v50-search-toggle:hover:not(:disabled){
    background:
        #edf2ff!important;

    border-color:
        #ccd7f2!important;
}


.v50-search-toggle:disabled{
    opacity:.42!important;
    cursor:not-allowed!important;
}


/* menu */

.v50-search-menu{
    position:absolute!important;

    top:
        calc(100% + 7px)!important;

    left:0!important;
    right:0!important;

    z-index:99999!important;

    max-height:
        245px!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding:
        7px!important;

    border:
        1px solid
        #d9e1ed!important;

    border-radius:
        13px!important;

    background:
        #ffffff!important;

    box-shadow:
        0
        18px
        45px
        rgba(35,48,76,.16)!important;
}


.v50-search-menu.open{
    display:block!important;
}


.v50-menu-item{
    width:100%!important;

    min-height:
        46px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;

    padding:
        9px
        11px!important;

    border:
        1px solid
        transparent!important;

    border-radius:
        9px!important;

    background:
        #ffffff!important;

    color:
        #2d3950!important;

    text-align:left!important;

    cursor:pointer!important;

    transition:
        background .13s ease,
        border-color .13s ease!important;
}


.v50-menu-item
+ .v50-menu-item{
    margin-top:
        2px!important;
}


.v50-menu-item:hover,
.v50-menu-item:focus{
    outline:none!important;

    background:
        #f3f6ff!important;

    border-color:
        #e2e8f7!important;
}


.v50-menu-title{
    color:
        #2d3950!important;

    font-size:
        12.5px!important;

    line-height:
        1.3!important;

    font-weight:
        800!important;
}


.v50-menu-sub{
    display:block!important;

    margin-top:
        3px!important;

    color:
        #7b879b!important;

    font-size:
        10px!important;

    line-height:
        1.35!important;

    font-weight:
        600!important;
}


/* input manual sekolah dibuat beda jelas */

.v50-menu-divider{
    height:1px!important;

    margin:
        7px
        4px!important;

    background:
        #e8edf4!important;
}


.v50-menu-manual{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;

    gap:
        10px!important;

    background:
        #f6f8ff!important;

    border-color:
        #dee6fa!important;
}


.v50-menu-manual:hover{
    background:
        #edf2ff!important;

    border-color:
        #cbd8f6!important;
}


.v50-menu-manual-icon{
    flex:none!important;

    width:31px!important;
    height:31px!important;

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

    border-radius:
        9px!important;

    background:
        linear-gradient(
            135deg,
            #5673ca,
            #7579c3
        )!important;

    color:
        #ffffff!important;

    font-size:
        18px!important;

    font-weight:
        800!important;
}


/* subtle scrollbar hanya DI DALAM dropdown */

.v50-search-menu{
    scrollbar-width:thin!important;
    scrollbar-color:
        #cbd5e6
        transparent!important;
}


.v50-search-menu::-webkit-scrollbar{
    width:5px!important;
}


.v50-search-menu::-webkit-scrollbar-track{
    background:transparent!important;
}


.v50-search-menu::-webkit-scrollbar-thumb{
    border-radius:
        999px!important;

    background:
        #cbd5e6!important;
}


/* ============================================================
   REMOVE CHATBOT GUIDEBOOK NOTICE
   ============================================================ */

.inception-chatbot-notice{
    display:none!important;
}


/* ruang chatbot setelah notice hilang */

.inception-chatbot-body{
    padding-top:
        12px!important;
}