/*
 * MERCURIUS V6.8.6
 */


/* antigos menus ficam no DOM,
   porque seus handlers ainda podem ser usados */

.business-nav,
.v68-menu,
#v683-menu,
#v684-menu,
#v685-menu {

    display:none !important;
}


/* somente containers antigos de navegação */

.v686-old-nav {

    display:none !important;
}


/* MENU */

#v686-menu {

    display:grid;

    gap:9px;

    padding:
        4px 8px
        16px;
}


.v686-group {

    padding:6px;

    border:
        1px solid
        rgba(48,255,208,.10);

    border-radius:14px;

    background:

        linear-gradient(
            180deg,
            rgba(8,22,35,.74),
            rgba(3,11,20,.83)
        );
}


.v686-group-title {

    padding:
        5px 8px
        8px;

    color:#5d7d94;

    font-size:8px;

    font-weight:900;

    letter-spacing:.17em;

    text-transform:uppercase;
}


.v686-item {

    width:100%;

    min-height:39px;

    display:flex;

    align-items:center;

    gap:9px;

    padding:
        7px 9px;

    margin:
        2px 0;

    border:
        1px solid transparent;

    border-radius:10px;

    color:#a0b6c7;

    background:
        transparent;

    font-family:inherit;

    font-size:11px;

    cursor:pointer;

    text-align:left;

    transition:.15s ease;
}


.v686-item:hover:not(:disabled) {

    color:#effffc;

    border-color:
        rgba(48,255,208,.20);

    background:
        rgba(48,255,208,.055);
}


.v686-item:disabled {

    cursor:not-allowed;

    opacity:.48;
}


.v686-icon {

    width:18px;

    flex:
        0 0 18px;

    color:#30ffd0;

    text-align:center;

    font-family:monospace;

    font-size:13px;
}


.v686-name {

    flex:1;

    min-width:0;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;
}


.v686-status {

    padding:
        3px 5px;

    border-radius:7px;

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

    font-size:7px;

    font-weight:900;

    line-height:1;

    white-space:nowrap;
}


.v686-status.active {

    color:#30ffd0;

    border-color:
        rgba(48,255,208,.21);
}


.v686-status.base {

    color:#76a8ff;

    border-color:
        rgba(102,159,255,.20);
}


.v686-status.planned {

    color:#7d8e9b;
}


.v686-nav-health {

    padding:
        10px;

    border:
        1px solid
        rgba(48,255,208,.11);

    border-radius:11px;

    background:
        rgba(48,255,208,.035);

    color:#718fa5;

    font-size:8px;

    line-height:1.5;
}


.v686-nav-health strong {

    color:#30ffd0;
}


/* MATRIX */

#v686-matrix {

    position:fixed;

    pointer-events:none;

    z-index:1;

    opacity:.24;

    mix-blend-mode:screen;
}


body.v686-matrix-on
.business-page-content {

    position:relative;

    z-index:2;

    background:
        transparent !important;
}


body.v686-matrix-on
.app-main {

    position:relative;

    background:#02070d !important;
}


#v686-matrix-button {

    position:fixed;

    right:18px;

    bottom:18px;

    z-index:10050;

    height:38px;

    min-width:82px;

    border:
        1px solid
        rgba(48,255,208,.28);

    border-radius:11px;

    background:
        rgba(2,9,16,.94);

    color:#30ffd0;

    font-family:monospace;

    font-size:9px;

    font-weight:900;

    cursor:pointer;
}


@media(
    prefers-reduced-motion:
    reduce
) {

    #v686-matrix {

        display:none !important;
    }
}