/* Semantic icon pilot: scoped exclusively to the authenticated sidebar. */
.shell-app .shell-sidebar .shell-nav__item {
    --ec-sidebar-icon-bg: #e5edf4;
    --ec-sidebar-icon-border: #9db3c5;
    --ec-sidebar-icon-color: #375569;
}

.shell-app .shell-sidebar .shell-nav__item--blue {
    --ec-sidebar-icon-bg: #dceeff;
    --ec-sidebar-icon-border: #84bff0;
    --ec-sidebar-icon-color: #0f5d99;
}

.shell-app .shell-sidebar .shell-nav__item--amber {
    --ec-sidebar-icon-bg: #fff0bd;
    --ec-sidebar-icon-border: #e4b73d;
    --ec-sidebar-icon-color: #7a5400;
}

.shell-app .shell-sidebar .shell-nav__item--mint {
    --ec-sidebar-icon-bg: #dcf4e8;
    --ec-sidebar-icon-border: #73c4a4;
    --ec-sidebar-icon-color: #176447;
}

.shell-app .shell-sidebar .shell-nav__item--teal {
    --ec-sidebar-icon-bg: #d7f1f3;
    --ec-sidebar-icon-border: #72c2c8;
    --ec-sidebar-icon-color: #0b6971;
}

.shell-app .shell-sidebar .shell-nav__item--violet {
    --ec-sidebar-icon-bg: #ece7ff;
    --ec-sidebar-icon-border: #a999e6;
    --ec-sidebar-icon-color: #5b43a5;
}

.shell-app .shell-sidebar .shell-nav__icon {
    background: var(--ec-sidebar-icon-bg) !important;
    background-image: none !important;
    border-color: var(--ec-sidebar-icon-border) !important;
    color: var(--ec-sidebar-icon-color) !important;
    box-shadow: 0 4px 10px rgba(8, 31, 51, 0.16) !important;
    transition: filter 0.18s ease, transform 0.18s ease;
}

.shell-app .shell-sidebar .shell-nav__item:hover .shell-nav__icon {
    filter: saturate(1.12) brightness(1.03);
    transform: translateY(-1px);
}

.shell-app .shell-sidebar .shell-nav__item.is-active .shell-nav__icon {
    background: #fff3cf !important;
    border-color: #e5cf91 !important;
    color: #17324d !important;
    filter: none;
    transform: none;
}