/* ============================================================
   INCEPTION V19 CLEAN REGISTER

   RIGHT REGISTER ONLY.
   NO RUNTIME ANIMATION POLISH.
   ============================================================ */


/* ============================================================
   STOP GHOST / SHADOW / LAYOUT ANIMATION
   ============================================================ */

#inception-register-v50-host,
#inception-register-v50-host *,
#inception-register-v50-host *::before,
#inception-register-v50-host *::after{

    animation-duration:
        0s!important;

    animation-delay:
        0s!important;
}


#inception-register-v50-host
.v50-grid,

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

#inception-register-v50-host
.inc-final-shell,

#inception-register-v50-host
.v50-field,

#inception-register-v50-host
.v50-searchable,

#inception-register-v50-host
.v50-search-menu{

    transition:
        none!important;
}



/* ============================================================
   STEP 1 GRID
   ============================================================ */

#inception-register-v50-host
.v19-step1-grid{

    display:grid!important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        )!important;

    align-items:start!important;

    gap:
        12px
        16px!important;
}


#inception-register-v50-host
.v19-step1-grid
> .v19-grid-item{

    min-width:
        0!important;

    margin:
        0!important;
}


#inception-register-v50-host
.v19-step1-grid
> .v19-school-manual{

    grid-column:
        1 / -1!important;
}



/* ============================================================
   FIELD CONSISTENCY
   ============================================================ */

#inception-register-v50-host
.v19-step1-grid
input:not(:disabled){

    background:
        #ffffff!important;
}


#inception-register-v50-host
.v19-step1-grid
input:disabled{

    background:
        #f4f6fa!important;

    color:
        #99a2b3!important;
}



/* ============================================================
   DROPDOWN - ONE OWNER
   ============================================================ */

#inception-register-v50-host
.v19-searchable{

    position:
        relative!important;
}



/*
 * Kill pseudo chevrons from old CSS layers.
 */

#inception-register-v50-host
.v19-searchable::before,

#inception-register-v50-host
.v19-searchable::after{

    display:
        none!important;

    content:
        none!important;
}



/*
 * ONE direct toggle only.
 */

#inception-register-v50-host
.v19-searchable
> .v19-single-toggle{

    z-index:
        5!important;

    box-shadow:
        none!important;

    transition:
        none!important;

    animation:
        none!important;
}


#inception-register-v50-host
.v19-searchable
> .v19-single-toggle::before,

#inception-register-v50-host
.v19-searchable
> .v19-single-toggle::after{

    display:
        none!important;

    content:
        none!important;
}



/*
 * Duplicate direct toggle buttons are hidden.
 */

#inception-register-v50-host
.v19-searchable
> button[aria-hidden="true"]{

    display:
        none!important;
}



/* ============================================================
   DROPDOWN MENU
   ============================================================ */

#inception-register-v50-host
.v50-search-menu{

    width:
        100%!important;

    min-width:
        100%!important;

    max-width:
        100%!important;

    max-height:
        205px!important;

    box-sizing:
        border-box!important;

    margin:
        0!important;

    padding:
        6px!important;

    overflow-x:
        hidden!important;

    overflow-y:
        auto!important;

    border:
        1px solid
        #dce3ed!important;

    border-radius:
        11px!important;

    background:
        #ffffff!important;

    box-shadow:
        0
        12px
        26px
        rgba(39,52,82,.12)!important;

    text-align:
        left!important;

    animation:
        none!important;

    transition:
        none!important;

    scrollbar-width:
        thin!important;

    scrollbar-color:
        #cbd3df
        transparent!important;
}



/* ============================================================
   DROPDOWN ITEM
   ============================================================ */

#inception-register-v50-host
.v50-search-menu
.v50-menu-item{

    position:
        relative!important;

    inset:
        auto!important;

    width:
        100%!important;

    min-width:
        100%!important;

    max-width:
        100%!important;

    min-height:
        39px!important;

    display:flex!important;

    flex-direction:
        column!important;

    align-items:
        flex-start!important;

    justify-content:
        center!important;

    gap:
        2px!important;

    box-sizing:
        border-box!important;

    margin:
        0
        0
        2px!important;

    padding:
        8px
        11px!important;

    border:
        0!important;

    border-radius:
        8px!important;

    background:
        #ffffff!important;

    color:
        #344057!important;

    box-shadow:
        none!important;

    transform:
        none!important;

    text-align:
        left!important;

    animation:
        none!important;

    transition:
        none!important;
}


#inception-register-v50-host
.v50-search-menu
.v50-menu-item:hover{

    background:
        #f2f5ff!important;

    color:
        #4160b8!important;
}


#inception-register-v50-host
.v50-search-menu
.v50-menu-title{

    display:block!important;

    width:
        100%!important;

    min-width:
        0!important;

    overflow:
        hidden!important;

    color:
        inherit!important;

    font-size:
        11.5px!important;

    line-height:
        1.35!important;

    font-weight:
        650!important;

    text-align:
        left!important;

    text-overflow:
        ellipsis!important;

    white-space:
        nowrap!important;
}


#inception-register-v50-host
.v50-search-menu
.v50-menu-sub{

    display:block!important;

    width:
        100%!important;

    min-width:
        0!important;

    overflow:
        hidden!important;

    color:
        #8d96a8!important;

    font-size:
        9px!important;

    line-height:
        1.3!important;

    font-weight:
        500!important;

    text-align:
        left!important;

    text-overflow:
        ellipsis!important;

    white-space:
        nowrap!important;
}



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

#inception-register-v50-host
.v50-menu-manual{

    text-align:
        left!important;
}


#inception-register-v50-host
.v19-school-manual{

    width:
        100%!important;
}



/* ============================================================
   SCROLLBAR
   ============================================================ */

#inception-register-v50-host
.v50-search-menu::-webkit-scrollbar{

    width:
        6px!important;
}


#inception-register-v50-host
.v50-search-menu::-webkit-scrollbar-track{

    background:
        transparent!important;
}


#inception-register-v50-host
.v50-search-menu::-webkit-scrollbar-thumb{

    border-radius:
        999px!important;

    background:
        #cbd3df!important;
}



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

@media(max-width:760px){

    #inception-register-v50-host
    .v19-step1-grid{

        grid-template-columns:
            1fr!important;
    }


    #inception-register-v50-host
    .v19-step1-grid
    > .v19-grid-item{

        grid-column:
            1!important;
    }

}
