/* ── Structure / width ───────────────────────────── */
.sidebar-menu.e-sidebar {
    width: var(--site-nav-expanded) !important;
    transition: width .22s ease;
    box-sizing: border-box;
}

    .sidebar-menu.e-sidebar.e-dock.e-close {
        width: var(--site-nav-collapsed) !important;
    }

.sidebar-menu .e-menu-wrapper,
.sidebar-menu .e-menu-container {
    width: 100% !important;
    background: inherit !important;
    overflow: visible !important;
}

/* ── Reset + base ───────────────────────────────── */
.sidebar-menu .e-menu-item,
.sidebar-menu .e-menu-item:hover,
.sidebar-menu .e-menu-item.is-current,
.sidebar-menu .e-menu-item[aria-current="page"] {
    background: transparent !important;
}

    .sidebar-menu .e-menu-item,
    .sidebar-menu .e-menu-item * {
        color: var(--nav-text) !important;
    }

        .sidebar-menu .e-menu-item .e-menu-icon {
            background: transparent !important;
        }

/* ── Compact row / anchor ───────────────────────── */
.sidebar-menu .e-menu-item {
    position: relative;
    margin: 2px 6px;
    padding: 0;
    border-radius: 10px;
}

    .sidebar-menu .e-menu-item > .e-anchor,
    .sidebar-menu .e-menu-item > a.e-menu-text {
        display: block;
        padding: 4px 14px 4px 24px;
        min-height: 30px;
        line-height: 20px;
        border-radius: 10px;
        text-decoration: none;
        color: inherit !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: transparent !important;
    }

        .sidebar-menu .e-menu-item > .e-anchor > .e-anchor-wrap,
        .sidebar-menu .e-menu-item > a.e-menu-text > .e-anchor-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        /* Kill ripple/glow */
        .sidebar-menu .e-ripple-element,
        .sidebar-menu .e-menu-item > .e-anchor::before,
        .sidebar-menu .e-menu-item > .e-anchor::after,
        .sidebar-menu .e-menu-item > a.e-menu-text::before,
        .sidebar-menu .e-menu-item > a.e-menu-text::after {
            display: none !important;
            content: none !important;
        }

    /* ── Thin cyan bar (hover + active) ─────────────── */
    .sidebar-menu .e-menu-item::after {
        content: "";
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 66%;
        border-radius: 6px;
        background: transparent;
        pointer-events: none;
        z-index: 1;
    }

    /* Hover (non-active) */
    .sidebar-menu .e-menu-item:not(.is-current):not([aria-current="page"]):not(.e-disabled):hover::after {
        background: linear-gradient(180deg,#7fe6ff,#13b6ff);
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset, 0 2px 6px rgba(0,0,0,.25);
    }

    .sidebar-menu .e-menu-item:not(.is-current):not([aria-current="page"]):not(.e-disabled):hover > .e-anchor,
    .sidebar-menu .e-menu-item:not(.is-current):not([aria-current="page"]):not(.e-disabled):hover > a.e-menu-text,
    .sidebar-menu .e-menu-item:not(.is-current):not(.e-disabled):hover .e-menu-icon,
    .sidebar-menu .e-menu-item:not(.is-current):not(.e-disabled):hover .e-caret {
        color: var(--nav-hover-fg) !important;
    }

    /* Active (persists) */
    .sidebar-menu .e-menu-item.is-current::after,
    .sidebar-menu .e-menu-item[aria-current="page"]::after {
        background: linear-gradient(180deg,#9ff0ff,#10c4ff) !important;
        box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset, 0 2px 6px rgba(0,0,0,.28) !important;
    }

    .sidebar-menu .e-menu-item.is-current > .e-anchor,
    .sidebar-menu .e-menu-item.is-current > a.e-menu-text,
    .sidebar-menu .e-menu-item.is-current .e-menu-icon,
    .sidebar-menu .e-menu-item.is-current .e-caret,
    .sidebar-menu .e-menu-item[aria-current="page"] > .e-anchor,
    .sidebar-menu .e-menu-item[aria-current="page"] > a.e-menu-text,
    .sidebar-menu .e-menu-item[aria-current="page"] .e-menu-icon,
    .sidebar-menu .e-menu-item[aria-current="page"] .e-caret {
        color: var(--nav-active-fg) !important;
        font-weight: 600;
    }

/* ── Submenus (inherit bar, override bg if needed) ───────────── */
.sidebar-menu .e-ul {
    background: rgba(17,27,44,.96);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    z-index: 1300;
}

    .sidebar-menu .e-ul .e-menu-item:hover::after {
        background: linear-gradient(180deg,#7fe6ff,#13b6ff);
    }