/* Shared navigation palette for both LTR and RTL layouts. */
.sidebar#sidebar,
.sidebar#sidebar .sidebar-inner,
.sidebar#sidebar .sidebar-menu {
    background: #195c75;
}
.sidebar#sidebar { border: 0; --menu-shift: 3px; }
html[dir=rtl] .sidebar#sidebar { --menu-shift: -3px; }
.header .header-left { background: #195c75; border: 0; }
.header .header-left .logo img { filter: brightness(0) invert(1); }
.header .header-left #toggle_btn {
    color: #195c75;
    background: #e0ebf0;
    border-radius: 7px;
}

.sidebar#sidebar .sidebar-menu { padding: 20px 14px; }
.sidebar#sidebar .sidebar-menu .submenu-hdr {
    color: #c1dce6;
    font-size: 12px;
    letter-spacing: .3px;
    border: 0;
    padding: 0 12px;
    margin: 0 0 9px;
    font-weight: 500;
}
.sidebar#sidebar .sidebar-menu ul { background: transparent; }
.sidebar#sidebar .sidebar-menu li a {
    color: #f0f7fb;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    border-radius: 12px;
    min-height: 46px;
    padding: 11px 14px;
    margin-bottom: 4px;
    position: relative;
    transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.sidebar#sidebar .sidebar-menu li a span,
.sidebar#sidebar .sidebar-menu li a i,
.sidebar#sidebar .sidebar-menu li a svg { color: inherit; }
.sidebar#sidebar .sidebar-menu li a svg {
    stroke: currentColor;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform .22s ease;
}
.sidebar#sidebar .sidebar-menu li a img { filter: brightness(0) invert(1); }
.sidebar#sidebar .sidebar-menu li a:hover,
.sidebar#sidebar .sidebar-menu li a.subdrop { background: #ffffff18; color: #fff; }
.sidebar#sidebar .sidebar-menu li a:hover { transform: translateX(var(--menu-shift)); }
.sidebar#sidebar .sidebar-menu li a:hover > svg { transform: scale(1.1); }
.sidebar#sidebar .sidebar-menu li a:active { transform: scale(.98); }
.sidebar#sidebar .sidebar-menu li.active > a,
.sidebar#sidebar .sidebar-menu li a.active {
    background: #d5e5ef;
    color: #122e43;
    font-weight: 700;
    box-shadow: 0 4px 12px #0c354f18;
}
.sidebar#sidebar .sidebar-menu li.active > a img,
.sidebar#sidebar .sidebar-menu li a.active img { filter: brightness(0) saturate(100%); }
.sidebar#sidebar .sidebar-menu .menu-arrow::before { border-color: currentColor; }
.sidebar#sidebar .sidebar-menu li a::before { display: none; }
.sidebar#sidebar .sidebar-menu .menu-arrow { transition: transform .25s ease; }
.sidebar#sidebar .sidebar-menu hr { display: none; }
.sidebar#sidebar .sidebar-menu li,
.sidebar#sidebar .sidebar-menu ul,
.sidebar#sidebar .sidebar-menu .submenu-hdr { border: 0; }
.sidebar#sidebar .sidebar-menu > ul > li.submenu-open {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 23px;
    margin-bottom: 0;
}
.sidebar#sidebar .sidebar-menu > ul > li {
    animation: portal-menu-enter .38s ease both;
}
.sidebar#sidebar .sidebar-menu > ul > li:nth-child(2) { animation-delay: .03s; }
.sidebar#sidebar .sidebar-menu > ul > li:nth-child(3) { animation-delay: .06s; }
.sidebar#sidebar .sidebar-menu > ul > li:nth-child(4) { animation-delay: .09s; }
.sidebar#sidebar .sidebar-menu > ul > li:nth-child(n+5) { animation-delay: .12s; }
.sidebar#sidebar .sidebar-menu li a.subdrop + ul { animation: portal-submenu-enter .25s ease; }
.header .header-left #toggle_btn { transition: background .2s ease, box-shadow .2s ease; }
.header .header-left #toggle_btn:hover { background: #fff; box-shadow: 0 3px 12px #0d344d26; }
@keyframes portal-menu-enter {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes portal-submenu-enter {
    from { opacity: .3; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.sidebar#sidebar .sidebar-menu a[href$="/admin/signout"],
.sidebar#sidebar .sidebar-menu .sidebar-logout { color: #ffb0b7; }
.sidebar#sidebar .sidebar-menu a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.sidebar#sidebar .slimScrollBar { background: #bdd6e3 !important; }
@media (min-width: 992px) {
    body.mini-sidebar:not(.expand-menu) .sidebar#sidebar .sidebar-menu { padding: 16px 8px; }
    body.mini-sidebar:not(.expand-menu) .sidebar#sidebar .sidebar-menu li a { padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .sidebar#sidebar .sidebar-menu > ul > li,
    .sidebar#sidebar .sidebar-menu li a.subdrop + ul { animation: none; }
    .sidebar#sidebar .sidebar-menu li a,
    .sidebar#sidebar .sidebar-menu li a svg,
    .sidebar#sidebar .sidebar-menu .menu-arrow,
    .header .header-left #toggle_btn { transition: none; }
    .sidebar#sidebar .sidebar-menu li a:hover,
    .sidebar#sidebar .sidebar-menu li a:active,
    .sidebar#sidebar .sidebar-menu li a:hover > svg { transform: none; }
}