/* ==========================================================
   Executive Reports
   ========================================================== */

.nav-icon-executive {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 8px;
    background: linear-gradient(135deg,#2563eb,#0ea5e9);
    box-shadow: 0 2px 8px rgba(37,99,235,.25);
}

    .nav-icon-executive::before {
        content: "📊";
        font-size: .75rem;
    }

.sidebar-badge {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding: 3px 8px;
    border-radius: 999px;
    background: linear-gradient(135deg,#2563eb,#0ea5e9);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sidebar-link:hover .sidebar-badge {
    transform: scale(1.05);
    transition: .25s;
}


/* Enterprise and intelligence navigation */
.nav-icon-enterprise, .nav-icon-intelligence {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    border: 1px solid rgba(148,191,255,.25);
    background: rgba(37,99,235,.18)
}

    .nav-icon-enterprise::before {
        content: "";
        width: 10px;
        height: 10px;
        border: 1.5px solid #77c7ff;
        border-radius: 2px;
        box-shadow: 5px 0 0 -3px #77c7ff,0 5px 0 -3px #77c7ff,5px 5px 0 -3px #77c7ff
    }

    .nav-icon-intelligence::before {
        content: "";
        width: 11px;
        height: 9px;
        border-left: 2px solid #7dd3fc;
        border-bottom: 2px solid #7dd3fc;
        transform: skewY(-25deg)
    }

.sidebar-menu-group {
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .sidebar-menu-group[open] {
        background: rgba(30, 58, 95, .36);
        border-color: rgba(91, 146, 214, .22);
    }

    .sidebar-menu-group.is-active {
        background: rgba(30, 58, 95, .48);
        border-color: rgba(56, 189, 248, .48);
        box-shadow: inset 3px 0 0 rgba(56, 189, 248, .92);
    }

    .sidebar-menu-group:not([open]):not(.is-active) {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .sidebar-menu-group.is-active > .sidebar-menu-summary {
        color: #eaf7ff;
    }

    .sidebar-menu-group > .sidebar-menu-summary {
        transition: color .18s ease, background-color .18s ease;
    }

    .sidebar-menu-group:not(.is-active) > .sidebar-menu-summary {
        color: inherit;
    }