:root {
    --admin-bg:
        #07110f;

    --admin-bg-soft:
        #0c1815;

    --admin-panel:
        rgba(
            15,
            30,
            26,
            .96
        );

    --admin-panel-soft:
        rgba(
            18,
            38,
            33,
            .92
        );

    --admin-border:
        rgba(
            111,
            220,
            192,
            .16
        );

    --admin-border-strong:
        rgba(
            111,
            220,
            192,
            .32
        );

    --admin-text:
        #f4faf8;

    --admin-muted:
        #9bb7ae;

    --admin-emerald:
        #1fa873;

    --admin-emerald-bright:
        #34d399;

    --admin-aqua:
        #72e7d2;

    --admin-aqua-soft:
        #a7f3e6;

    --admin-danger:
        #ff7f8f;

    --admin-success:
        #64e6ad;

    --admin-shadow:
        0 24px 80px
        rgba(
            0,
            0,
            0,
            .34
        );

    --admin-radius:
        18px;

    --admin-radius-small:
        12px;
}


* {
    box-sizing:
        border-box;
}


html {
    min-height:
        100%;
}


body {
    min-height:
        100vh;

    margin:
        0;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background:
        radial-gradient(
            circle at top left,
            rgba(
                31,
                168,
                115,
                .14
            ),
            transparent 34%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(
                114,
                231,
                210,
                .10
            ),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #06100e 0%,
            #091713 48%,
            #07110f 100%
        );

    color:
        var(--admin-text);
}


a {
    color:
        var(--admin-aqua);

    text-underline-offset:
        3px;
}


a:hover {
    color:
        var(--admin-aqua-soft);
}


button,
input {
    font:
        inherit;
}


input {
    width:
        100%;

    min-height:
        48px;

    padding:
        12px 14px;

    border:
        1px solid
        var(--admin-border-strong);

    border-radius:
        var(--admin-radius-small);

    outline:
        none;

    background:
        rgba(
            5,
            15,
            12,
            .84
        );

    color:
        var(--admin-text);

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


input:focus {
    border-color:
        var(--admin-aqua);

    box-shadow:
        0 0 0 3px
        rgba(
            114,
            231,
            210,
            .13
        );

    background:
        rgba(
            6,
            18,
            15,
            .96
        );
}


input::placeholder {
    color:
        #6f8e84;
}


button {
    width:
        100%;

    min-height:
        50px;

    border:
        0;

    border-radius:
        var(--admin-radius-small);

    padding:
        12px 18px;

    background:
        linear-gradient(
            135deg,
            var(--admin-emerald),
            #16895e
        );

    color:
        #f7fffc;

    font-weight:
        750;

    cursor:
        pointer;

    box-shadow:
        0 10px 28px
        rgba(
            31,
            168,
            115,
            .22
        );

    transition:
        transform .14s ease,
        box-shadow .14s ease,
        filter .14s ease;
}


button:hover:not(:disabled) {
    transform:
        translateY(-1px);

    box-shadow:
        0 14px 34px
        rgba(
            31,
            168,
            115,
            .28
        );

    filter:
        brightness(1.04);
}


button:disabled {
    cursor:
        not-allowed;

    opacity:
        .68;
}


.admin-shell {
    width:
        min(
            100% - 32px,
            460px
        );

    margin:
        8vh auto;
}


.admin-panel {
    border:
        1px solid
        var(--admin-border);

    border-radius:
        var(--admin-radius);

    background:
        linear-gradient(
            180deg,
            rgba(
                18,
                38,
                33,
                .96
            ),
            rgba(
                10,
                24,
                20,
                .96
            )
        );

    box-shadow:
        var(--admin-shadow);

    padding:
        34px;
}


.admin-kicker {
    margin-bottom:
        10px;

    color:
        var(--admin-aqua);

    font-size:
        .76rem;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.admin-title {
    margin:
        0;

    font-size:
        clamp(
            2rem,
            5vw,
            2.8rem
        );

    line-height:
        1.04;

    letter-spacing:
        -.03em;
}


.admin-subtitle {
    margin:
        14px 0 28px;

    color:
        var(--admin-muted);

    line-height:
        1.55;
}


.admin-field {
    margin-bottom:
        18px;
}


.admin-field label {
    display:
        block;

    margin-bottom:
        8px;

    color:
        #d8ebe4;

    font-size:
        .92rem;

    font-weight:
        700;
}


.admin-status {
    margin:
        14px 0;

    padding:
        12px 14px;

    border-radius:
        var(--admin-radius-small);

    background:
        rgba(
            255,
            127,
            143,
            .10
        );

    color:
        var(--admin-danger);

    border:
        1px solid
        rgba(
            255,
            127,
            143,
            .18
        );
}


.admin-header {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        20px;

    padding:
        18px 28px;

    border-bottom:
        1px solid
        var(--admin-border);

    background:
        rgba(
            6,
            16,
            14,
            .88
        );

    backdrop-filter:
        blur(14px);
}


.admin-brand {
    color:
        var(--admin-aqua);

    font-size:
        .92rem;

    font-weight:
        850;

    letter-spacing:
        .08em;
}


.admin-account {
    color:
        var(--admin-muted);

    text-align:
        right;

    font-size:
        .9rem;
}


.admin-account strong {
    color:
        var(--admin-text);
}


.admin-main {
    width:
        min(
            1100px,
            calc(100% - 36px)
        );

    margin:
        46px auto;
}


.admin-section-kicker {
    color:
        var(--admin-aqua);

    font-size:
        .78rem;

    font-weight:
        800;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;
}


.admin-heading {
    margin:
        8px 0 10px;

    font-size:
        clamp(
            2rem,
            4vw,
            3rem
        );
}


.admin-copy {
    margin:
        0 0 28px;

    color:
        var(--admin-muted);

    line-height:
        1.6;
}


.admin-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                250px,
                1fr
            )
        );

    gap:
        18px;
}


.admin-tool {
    display:
        block;

    padding:
        24px;

    border:
        1px solid
        var(--admin-border);

    border-radius:
        var(--admin-radius);

    background:
        linear-gradient(
            180deg,
            rgba(
                17,
                36,
                31,
                .94
            ),
            rgba(
                10,
                25,
                21,
                .94
            )
        );

    color:
        inherit;

    text-decoration:
        none;

    box-shadow:
        0 14px 40px
        rgba(
            0,
            0,
            0,
            .18
        );

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}


.admin-tool:hover {
    transform:
        translateY(-2px);

    border-color:
        var(--admin-border-strong);

    box-shadow:
        0 18px 48px
        rgba(
            0,
            0,
            0,
            .24
        );
}


.admin-tool-title {
    margin-bottom:
        8px;

    color:
        var(--admin-aqua);

    font-size:
        1.18rem;

    font-weight:
        800;
}


.admin-tool-copy {
    margin:
        0;

    color:
        var(--admin-muted);

    line-height:
        1.5;
}


.admin-page-card {
    margin-top:
        28px;

    padding:
        28px;

    border:
        1px solid
        var(--admin-border);

    border-radius:
        var(--admin-radius);

    background:
        var(--admin-panel);

    box-shadow:
        var(--admin-shadow);
}


.admin-back {
    display:
        inline-flex;

    margin-bottom:
        20px;

    color:
        var(--admin-aqua);

    text-decoration:
        none;

    font-weight:
        700;
}


@media (
    max-width: 640px
) {
    .admin-panel {
        padding:
            26px 22px;
    }


    .admin-header {
        align-items:
            flex-start;

        padding:
            16px 18px;
    }


    .admin-account {
        max-width:
            55%;

        font-size:
            .82rem;
    }


    .admin-main {
        margin-top:
            30px;
    }
}


/* ============================================================
   KKUM JAI ADMIN
   Browser Autofill Fix
   ============================================================ */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color:
        #f4faf8 !important;

    caret-color:
        #f4faf8;

    -webkit-box-shadow:
        0 0 0 1000px
        #071713 inset !important;

    box-shadow:
        0 0 0 1000px
        #071713 inset !important;

    border:
        1px solid
        rgba(
            114,
            231,
            210,
            .32
        ) !important;

    transition:
        background-color
        9999s ease-in-out
        0s;
}


input:autofill {
    color:
        #f4faf8 !important;

    background:
        #071713 !important;

    border-color:
        rgba(
            114,
            231,
            210,
            .32
        ) !important;
}


input:-moz-autofill {
    color:
        #f4faf8 !important;

    background-color:
        #071713 !important;

    border-color:
        rgba(
            114,
            231,
            210,
            .32
        ) !important;
}


/*
 * Estados Auth deben seguir ganando sobre autofill.
 */

input.kj-auth-field-error,
input[aria-invalid="true"] {
    border-color:
        var(--admin-danger)
        !important;
}


input.kj-auth-field-success {
    border-color:
        var(--admin-success)
        !important;
}


/* =========================================================
   ADMIN LANGUAGE SWITCH V1.7.2
   ========================================================= */

.admin-account {
    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        12px;

    min-width:
        0;
}


.admin-language-switch {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    min-height:
        34px;

    padding:
        3px 4px 3px 8px;

    border:
        1px solid
        rgba(
            95,
            218,
            184,
            .13
        );

    border-radius:
        9px;

    background:
        rgba(
            42,
            137,
            111,
            .055
        );

    color:
        rgba(
            202,
            235,
            226,
            .80
        );
}


.admin-language-icon {
    display:
        inline-grid;

    place-items:
        center;

    width:
        19px;

    height:
        19px;

    color:
        #78d8bf;

    font-size:
        .8rem;

    font-weight:
        900;
}


.admin-language-label {
    position:
        absolute;

    width:
        1px;

    height:
        1px;

    padding:
        0;

    margin:
        -1px;

    overflow:
        hidden;

    clip:
        rect(
            0,
            0,
            0,
            0
        );

    white-space:
        nowrap;

    border:
        0;
}


.admin-language-select {
    width:
        auto;

    min-width:
        94px;

    min-height:
        27px;

    margin:
        0;

    padding:
        3px 25px 3px 7px;

    border:
        0;

    border-radius:
        6px;

    outline:
        none;

    background:
        #061d17;

    color:
        #e5f5f0;

    font-family:
        inherit;

    font-size:
        .72rem;

    font-weight:
        700;

    cursor:
        pointer;
}


.admin-language-select:hover {
    background:
        #08271f;
}


.admin-language-select:focus {
    box-shadow:
        0 0 0 2px
        rgba(
            63,
            202,
            165,
            .13
        );
}


@media (
    max-width: 700px
) {

    .admin-account {
        gap:
            7px;
    }


    .admin-language-switch {
        padding-left:
            5px;
    }


    .admin-language-select {
        min-width:
            76px;

        max-width:
            105px;
    }

}


/* =========================================================
   ADMIN NAVBAR POLISH V1.8.2
   ========================================================= */

.admin-header {
    min-height:
        68px;

    padding:
        0 34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        24px;

    border-bottom:
        1px solid
        rgba(
            100,
            220,
            187,
            .10
        );

    background:
        rgba(
            2,
            18,
            15,
            .96
        );

    box-shadow:
        0 1px 0
        rgba(
            255,
            255,
            255,
            .015
        );
}


.admin-brand {
    flex:
        0 0 auto;

    color:
        #78e1c7;

    font-size:
        .92rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

    white-space:
        nowrap;
}


.admin-account {
    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        10px;

    min-width:
        0;

    color:
        rgba(
            213,
            234,
            228,
            .68
        );

    font-size:
        .82rem;

    white-space:
        nowrap;
}


.admin-account strong {
    color:
        #ffffff;

    font-weight:
        800;
}


.admin-language-switch {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    height:
        34px;

    margin-left:
        4px;

    padding:
        0 6px;

    border:
        1px solid
        rgba(
            92,
            216,
            182,
            .12
        );

    border-radius:
        9px;

    background:
        rgba(
            38,
            132,
            106,
            .055
        );

    box-shadow:
        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            .02
        );
}


.admin-language-switch:hover {
    border-color:
        rgba(
            92,
            216,
            182,
            .24
        );

    background:
        rgba(
            38,
            132,
            106,
            .10
        );
}


.admin-language-globe {
    display:
        inline-grid;

    place-items:
        center;

    width:
        20px;

    height:
        20px;

    font-size:
        .78rem;

    line-height:
        1;

    opacity:
        .72;
}


.admin-language-select {
    appearance:
        none;

    -webkit-appearance:
        none;

    width:
        auto;

    min-width:
        58px;

    height:
        28px;

    margin:
        0;

    padding:
        0 19px 0 6px;

    border:
        0;

    outline:
        none;

    background:
        transparent;

    color:
        #e8f6f2;

    font-family:
        inherit;

    font-size:
        .72rem;

    font-weight:
        800;

    line-height:
        1;

    cursor:
        pointer;

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            #81cdb9 50%
        ),
        linear-gradient(
            135deg,
            #81cdb9 50%,
            transparent 50%
        );

    background-position:
        calc(100% - 10px)
        11px,
        calc(100% - 6px)
        11px;

    background-size:
        4px 4px,
        4px 4px;

    background-repeat:
        no-repeat;
}


.admin-language-select option {
    background:
        #061d17;

    color:
        #eef9f6;
}


.admin-language-select:focus {
    box-shadow:
        none;
}


/*
 * Retire obsolete old selector pieces
 */

.admin-language-icon,
.admin-language-label {
    display:
        none
        !important;
}


/* ---------------------------------------------------------
   Responsive navbar
   --------------------------------------------------------- */

@media (
    max-width: 820px
) {

    .admin-header {
        min-height:
            62px;

        padding:
            0 16px;

        gap:
            12px;
    }


    .admin-brand {
        max-width:
            44vw;

        overflow:
            hidden;

        text-overflow:
            ellipsis;

        font-size:
            .80rem;
    }


    .admin-account {
        gap:
            7px;

        font-size:
            .72rem;
    }


    .admin-account
    > strong {
        max-width:
            130px;

        overflow:
            hidden;

        text-overflow:
            ellipsis;
    }


    .admin-language-switch {
        height:
            32px;

        margin-left:
            0;
    }


    .admin-language-globe {
        display:
            none;
    }


    .admin-language-select {
        min-width:
            49px;

        height:
            26px;

        padding-left:
            3px;

        font-size:
            .67rem;
    }

}


@media (
    max-width: 560px
) {

    .admin-account
    > strong
    ~ *:not(
        .admin-language-switch
    ) {
        display:
            none;
    }


    .admin-brand {
        max-width:
            50vw;
    }

}


/* =========================================================
   ADMIN LANGUAGE MENU V1.8.3
   Navigation control, not form select
   ========================================================= */

.admin-header {
    position:
        relative;

    overflow:
        visible
        !important;
}


.admin-account {
    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        flex-end;

    flex-wrap:
        nowrap
        !important;

    gap:
        8px
        !important;

    white-space:
        nowrap;
}


/*
 * Move language menu visually after account info.
 */

.admin-language-menu {
    position:
        relative;

    order:
        99;

    flex:
        0 0 auto;

    margin-left:
        6px;

    z-index:
        1200;
}


/* ---------------------------------------------------------
   Trigger
   --------------------------------------------------------- */

.admin-language-trigger {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    min-width:
        72px;

    height:
        36px;

    margin:
        0;

    padding:
        0 11px;

    border:
        1px solid
        rgba(
            139,
            199,
            183,
            .16
        );

    border-radius:
        9px;

    background:
        transparent;

    color:
        rgba(
            235,
            247,
            243,
            .90
        );

    box-shadow:
        none;

    font-family:
        inherit;

    cursor:
        pointer;

    transition:
        background .14s ease,
        border-color .14s ease,
        color .14s ease;
}


.admin-language-trigger:hover,
.admin-language-menu.is-open
.admin-language-trigger {
    background:
        rgba(
            255,
            255,
            255,
            .045
        );

    border-color:
        rgba(
            117,
            224,
            195,
            .25
        );

    color:
        #ffffff;
}


.admin-language-trigger-icon {
    color:
        #6fdcc1;

    font-size:
        .88rem;

    line-height:
        1;

    transform:
        scaleX(
            1.12
        );
}


.admin-language-current {
    font-size:
        .75rem;

    font-weight:
        800;

    letter-spacing:
        .02em;
}


.admin-language-caret {
    color:
        rgba(
            174,
            213,
            202,
            .62
        );

    font-size:
        .65rem;

    transition:
        transform .14s ease;
}


.admin-language-menu.is-open
.admin-language-caret {
    transform:
        rotate(
            180deg
        );
}


/* ---------------------------------------------------------
   Floating popover
   --------------------------------------------------------- */

.admin-language-popover {
    position:
        absolute;

    top:
        calc(
            100% + 9px
        );

    right:
        0;

    z-index:
        1300;

    width:
        190px;

    padding:
        7px;

    border:
        1px solid
        rgba(
            112,
            206,
            181,
            .13
        );

    border-radius:
        12px;

    background:
        #081c17;

    box-shadow:
        0 18px 45px
        rgba(
            0,
            0,
            0,
            .36
        );

    backdrop-filter:
        blur(
            18px
        );
}


.admin-language-popover[hidden] {
    display:
        none
        !important;
}


/* small pointer */

.admin-language-popover::before {
    content:
        "";

    position:
        absolute;

    top:
        -5px;

    right:
        24px;

    width:
        9px;

    height:
        9px;

    border-top:
        1px solid
        rgba(
            112,
            206,
            181,
            .13
        );

    border-left:
        1px solid
        rgba(
            112,
            206,
            181,
            .13
        );

    background:
        #081c17;

    transform:
        rotate(
            45deg
        );
}


/* ---------------------------------------------------------
   Menu items
   --------------------------------------------------------- */

.admin-language-option {
    display:
        grid;

    grid-template-columns:
        18px
        1fr;

    align-items:
        center;

    gap:
        7px;

    width:
        100%;

    min-height:
        39px;

    margin:
        0;

    padding:
        7px 10px;

    border:
        0;

    border-radius:
        8px;

    background:
        transparent;

    color:
        rgba(
            224,
            241,
            235,
            .82
        );

    box-shadow:
        none;

    font-family:
        inherit;

    font-size:
        .78rem;

    text-align:
        left;

    cursor:
        pointer;
}


.admin-language-option:hover {
    background:
        rgba(
            67,
            184,
            153,
            .09
        );

    color:
        #ffffff;
}


.admin-language-option.is-selected {
    color:
        #69dec0;

    background:
        rgba(
            70,
            197,
            163,
            .07
        );
}


.admin-language-option-mark {
    color:
        #61dbba;

    font-size:
        1rem;

    line-height:
        1;

    text-align:
        center;
}


.admin-language-option-name {
    min-width:
        0;
}


/* ---------------------------------------------------------
   Destroy old native-select appearance
   --------------------------------------------------------- */

.admin-language-switch,
.admin-language-select,
.admin-language-globe,
.admin-language-icon,
.admin-language-label {
    display:
        none
        !important;
}


/* ---------------------------------------------------------
   Account hierarchy
   --------------------------------------------------------- */

.admin-account strong {
    color:
        #ffffff;

    font-size:
        .81rem;

    font-weight:
        800;
}


.admin-account {
    color:
        rgba(
            181,
            211,
            203,
            .68
        );

    font-size:
        .79rem;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (
    max-width: 760px
) {

    .admin-language-trigger {
        min-width:
            58px;

        height:
            34px;

        padding:
            0 8px;
    }


    .admin-language-trigger-icon {
        display:
            none;
    }


    .admin-language-popover {
        width:
            170px;
    }

}


@media (
    max-width: 560px
) {

    .admin-language-menu {
        margin-left:
            2px;
    }


    .admin-language-trigger {
        min-width:
            51px;

        padding:
            0 7px;
    }

}


/* =========================================================
   ADMIN LANGUAGE NAV V1.8.4
   Strict isolated component
   ========================================================= */


/* ---------------------------------------------------------
   HEADER
   Never allow dropdown content to alter header geometry
   --------------------------------------------------------- */

.admin-header {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    min-height:
        68px !important;

    height:
        68px !important;

    padding:
        0 36px !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;
}


.admin-account {
    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        nowrap !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    gap:
        8px !important;

    white-space:
        nowrap !important;
}


/* ---------------------------------------------------------
   MENU ROOT
   --------------------------------------------------------- */

.admin-language-menu {
    position:
        relative !important;

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    order:
        100 !important;

    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        none !important;

    height:
        36px !important;

    margin:
        0 0 0 8px !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    z-index:
        5000 !important;
}


/* ---------------------------------------------------------
   TRIGGER
   Explicitly defeat global Admin button rules
   --------------------------------------------------------- */

.admin-language-menu
.admin-language-trigger {
    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    position:
        relative !important;

    display:
        inline-flex !important;

    flex:
        0 0 auto !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        auto !important;

    min-width:
        66px !important;

    max-width:
        92px !important;

    height:
        36px !important;

    min-height:
        36px !important;

    margin:
        0 !important;

    padding:
        0 10px !important;

    gap:
        6px !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        8px !important;

    background:
        transparent !important;

    background-image:
        none !important;

    box-shadow:
        none !important;

    color:
        #dbeee9 !important;

    font-family:
        inherit !important;

    font-size:
        .76rem !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-align:
        center !important;

    cursor:
        pointer !important;

    transform:
        none !important;
}


.admin-language-menu
.admin-language-trigger:hover,

.admin-language-menu.is-open
.admin-language-trigger {
    border-color:
        rgba(
            104,
            219,
            188,
            .16
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .045
        ) !important;

    color:
        #ffffff !important;

    transform:
        none !important;
}


/* ---------------------------------------------------------
   TRIGGER PARTS
   --------------------------------------------------------- */

.admin-language-trigger-icon {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        16px !important;

    height:
        16px !important;

    flex:
        0 0 16px !important;

    color:
        #65d7ba !important;

    font-size:
        .82rem !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;
}


.admin-language-current {
    display:
        inline-block !important;

    width:
        auto !important;

    color:
        inherit !important;

    font-size:
        .75rem !important;

    font-weight:
        750 !important;

    letter-spacing:
        .02em !important;
}


.admin-language-caret {
    display:
        inline-block !important;

    width:
        auto !important;

    color:
        rgba(
            190,
            220,
            212,
            .56
        ) !important;

    font-size:
        .61rem !important;

    line-height:
        1 !important;
}


/* ---------------------------------------------------------
   POPOVER
   True floating menu; never participates in navbar layout
   --------------------------------------------------------- */

.admin-language-menu
.admin-language-popover {
    position:
        absolute !important;

    display:
        block;

    top:
        44px !important;

    right:
        0 !important;

    bottom:
        auto !important;

    left:
        auto !important;

    width:
        172px !important;

    min-width:
        172px !important;

    max-width:
        172px !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        6px !important;

    border:
        1px solid
        rgba(
            109,
            199,
            175,
            .13
        ) !important;

    border-radius:
        10px !important;

    background:
        #0a1e19 !important;

    background-image:
        none !important;

    box-shadow:
        0 16px 38px
        rgba(
            0,
            0,
            0,
            .38
        ) !important;

    overflow:
        hidden !important;

    z-index:
        99999 !important;

    box-sizing:
        border-box !important;
}


.admin-language-menu
.admin-language-popover[hidden] {
    display:
        none !important;
}


/*
 * Remove decorative pointer.
 * Cleaner and closer to modern streaming nav menus.
 */

.admin-language-popover::before,
.admin-language-popover::after {
    display:
        none !important;

    content:
        none !important;
}


/* ---------------------------------------------------------
   OPTIONS
   Again explicitly defeat all generic button styles
   --------------------------------------------------------- */

.admin-language-menu
.admin-language-option {
    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        18px
        minmax(
            0,
            1fr
        ) !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        36px !important;

    min-height:
        36px !important;

    margin:
        0 !important;

    padding:
        0 9px !important;

    gap:
        5px !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    background:
        transparent !important;

    background-image:
        none !important;

    box-shadow:
        none !important;

    color:
        #cdded9 !important;

    font-family:
        inherit !important;

    font-size:
        .76rem !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    text-align:
        left !important;

    cursor:
        pointer !important;

    transform:
        none !important;
}


.admin-language-menu
.admin-language-option
+ .admin-language-option {
    margin-top:
        2px !important;
}


.admin-language-menu
.admin-language-option:hover {
    background:
        rgba(
            255,
            255,
            255,
            .055
        ) !important;

    color:
        #ffffff !important;

    transform:
        none !important;
}


.admin-language-menu
.admin-language-option.is-selected {
    background:
        rgba(
            65,
            207,
            169,
            .08
        ) !important;

    color:
        #66dfbf !important;

    font-weight:
        700 !important;
}


.admin-language-option-mark {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        18px !important;

    min-width:
        18px !important;

    height:
        18px !important;

    color:
        #64dabb !important;

    font-size:
        .68rem !important;

    font-weight:
        900 !important;
}


.admin-language-option-name {
    display:
        block !important;

    min-width:
        0 !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;
}


/* ---------------------------------------------------------
   RETIRE ALL OLD LANGUAGE COMPONENTS
   --------------------------------------------------------- */

.admin-language-switch,
.admin-language-select,
.admin-language-globe,
.admin-language-icon,
.admin-language-label {
    display:
        none !important;
}


/* ---------------------------------------------------------
   Account typography
   --------------------------------------------------------- */

.admin-account
> strong {
    flex:
        0 0 auto !important;

    color:
        #f5fbf9 !important;

    font-size:
        .80rem !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;
}


.admin-account {
    color:
        rgba(
            180,
            207,
            200,
            .65
        ) !important;

    font-size:
        .77rem !important;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (
    max-width: 760px
) {

    .admin-header {
        height:
            62px !important;

        min-height:
            62px !important;

        padding:
            0 16px !important;
    }


    .admin-language-menu {
        height:
            34px !important;

        margin-left:
            3px !important;
    }


    .admin-language-menu
    .admin-language-trigger {
        min-width:
            52px !important;

        max-width:
            64px !important;

        height:
            34px !important;

        min-height:
            34px !important;

        padding:
            0 7px !important;
    }


    .admin-language-trigger-icon {
        display:
            none !important;
    }


    .admin-language-menu
    .admin-language-popover {
        top:
            41px !important;

        width:
            160px !important;

        min-width:
            160px !important;

        max-width:
            160px !important;
    }

}