#s7OperationalNav{
    position:fixed;
    z-index:10000;
    left:0;
    right:0;
    bottom:0;
    min-height:74px;
    padding:
        6px
        max(6px,env(safe-area-inset-right))
        calc(6px + env(safe-area-inset-bottom))
        max(6px,env(safe-area-inset-left));
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:3px;
    border-top:1px solid rgba(80,111,141,.35);
    background:rgba(5,17,29,.97);
    backdrop-filter:blur(15px);
    box-shadow:0 -8px 25px rgba(0,0,0,.25);
}

.s7-shell-old-nav{
    display:none!important;
}

.s7-op-nav-btn{
    min-width:0;
    min-height:58px;
    padding:4px 2px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:#9eb0c3;
    font:inherit;
    font-size:9px;
    font-weight:850;
}

.s7-op-nav-btn svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.s7-op-nav-btn.active{
    background:#102d4b;
    color:#fff;
}

.s7-op-nav-btn.pending{
    opacity:.78;
}

#s7ShellToast{
    position:fixed;
    z-index:12000;
    left:50%;
    bottom:86px;
    width:min(480px,calc(100% - 24px));
    padding:11px 13px;
    transform:translate(-50%,12px);
    border:1px solid #34506b;
    border-radius:11px;
    background:#14283b;
    color:white;
    opacity:0;
    pointer-events:none;
    transition:.18s;
    font-size:11px;
}

#s7ShellToast.show{
    opacity:1;
    transform:translate(-50%,0);
}

@media(min-width:900px){
    #s7OperationalNav{
        left:50%;
        right:auto;
        width:620px;
        transform:translateX(-50%);
        border-left:1px solid rgba(80,111,141,.35);
        border-right:1px solid rgba(80,111,141,.35);
        border-radius:16px 16px 0 0;
    }
}