.shell .side a img,
.invoice-shell .invoice-nav a img,
.dashboard-shell .sidebar a img,
.menu #main-menu a img {
    filter: brightness(0);
}

.collapsible-navigation .navigation-collapse-toggle {
    display: block;
    width: 100%;
    margin: 12px 0;
    padding: 10px 4px;
    border: 1px solid #dedede;
    border-radius: 7px;
    color: #bd1f2d;
    background: #fff;
    font: 600 13px/1.4 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}
.navigation-collapse-toggle:hover { background: #fff0e6; }
.navigation-collapse-toggle:focus-visible { outline: 2px solid #bd1f2d; outline-offset: 2px; }
.collapsible-navigation img.collapsible-navigation-logo {
    display: block;
    width: 100%;
    max-width: 190px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    filter: none;
    background: white;
}
.navigation-is-collapsed .collapsible-navigation .navigation-link-label,
.navigation-is-collapsed .collapsible-navigation .sidebar__label { display: none; }
.navigation-is-collapsed .collapsible-navigation { padding-inline: 8px; }
.navigation-is-collapsed .collapsible-navigation-content a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 0;
}
.navigation-is-collapsed .collapsible-navigation-content a img {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    object-fit: contain;
}
.navigation-is-collapsed .collapsible-navigation-content .material-symbols-outlined {
    font-size: 24px;
    padding: 0;
}
.navigation-is-collapsed .collapsible-navigation #main-menu { padding: 0; list-style: none; }
.collapsible-navigation .menu-v { display: none; }
.menu.collapsible-navigation { background: #fff; }
.menu.collapsible-navigation #main-menu a { color: #171717; }
.collapsible-navigation #main-menu { display: block; }
@media (min-width: 761px) {
    .collapsible-grid-shell.navigation-is-collapsed { grid-template-columns: 72px minmax(0, 1fr); }
    .collapsible-legacy-shell.navigation-is-collapsed > .collapsible-navigation { flex: 0 0 72px; max-width: 72px; }
    .collapsible-legacy-shell.navigation-is-collapsed > .col-sm-10 { flex: 1; max-width: calc(100% - 72px); }
}
@media (max-width: 760px) {
    .collapsible-navigation .navigation-collapse-toggle { width: auto; min-width: 44px; padding-inline: 12px; }
    .collapsible-navigation img.collapsible-navigation-logo { width: 140px; margin-left: 0; }
}

/* Dashboard navigation shared by all member pages. */
nav.member-sidebar { padding: 1.25rem .9rem; background: #fff; border-right: 1px solid #dedede; font-family: "Segoe UI", Arial, sans-serif; }
nav.member-sidebar .sidebar__label { margin: .4rem .75rem .85rem; color: #999; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
nav.member-sidebar ul { margin: 0; padding: 0; list-style: none; }
nav.member-sidebar li.active { background: transparent; }
nav.member-sidebar li + li { margin-top: .24rem; }
nav.member-sidebar a { display: flex; align-items: center; gap: .8rem; padding: .78rem .8rem; color: #4c4c4c; font-size: .9rem; font-weight: 650; text-decoration: none; border-radius: 8px; transition: background .18s, color .18s; }
nav.member-sidebar a:visited { color: #4c4c4c; }
nav.member-sidebar a img { width: 22px; height: 22px; object-fit: contain; filter: brightness(0); }
nav.member-sidebar li.active a, nav.member-sidebar li.active a:visited, nav.member-sidebar a:hover { color: #bd1f2d; background: #fff1e8; }
nav.member-sidebar li.active a { box-shadow: inset 3px 0 0 #f57c00; }
nav.member-sidebar .sidebar__bottom { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid #dedede; }
nav.member-sidebar .member-sidebar-logo { display: block; width: 100%; max-width: 190px; height: auto; margin: 0 auto; object-fit: contain; background: #fff; }
.shell:has(> .member-sidebar), .invoice-shell:has(> .member-sidebar), .dashboard-shell:has(> .member-sidebar) { grid-template-columns: 244px minmax(0, 1fr); }
.navigation-is-collapsed nav.member-sidebar .navigation-link-label, .navigation-is-collapsed nav.member-sidebar .sidebar__label { display: none; }
.navigation-is-collapsed nav.member-sidebar { padding-inline: 8px; }
.navigation-is-collapsed nav.member-sidebar a { justify-content: center; gap: 0; min-width: 44px; min-height: 44px; padding: 10px 0; }
@media (min-width: 761px) {
    .collapsible-grid-shell.navigation-is-collapsed:has(> .member-sidebar) { grid-template-columns: 72px minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .shell:has(> .member-sidebar), .invoice-shell:has(> .member-sidebar), .dashboard-shell:has(> .member-sidebar) { grid-template-columns: 1fr; }
    nav.member-sidebar { padding: .65rem .8rem; overflow-x: auto; border-right: 0; border-bottom: 1px solid #dedede; }
    nav.member-sidebar .sidebar__label { display: none; }
    nav.member-sidebar ul { display: flex; width: max-content; gap: .2rem; }
    nav.member-sidebar li + li { margin-top: 0; }
    nav.member-sidebar a { padding: .6rem .7rem; }
    nav.member-sidebar a img { width: 19px; height: 19px; }
    nav.member-sidebar .sidebar__bottom { margin-top: .5rem; padding-top: .5rem; }
    nav.member-sidebar .member-sidebar-logo { width: 140px; margin-left: 0; }
}
nav.member-sidebar .sidebar__bottom { display: block; }
@media (min-width: 761px) {
    nav.member-sidebar-legacy { flex: 0 0 244px; max-width: 244px; }
    nav.member-sidebar-legacy + .col-sm-10 { flex: 1; max-width: calc(100% - 244px); }
    .navigation-is-collapsed nav.member-sidebar-legacy + .col-sm-10 { max-width: calc(100% - 72px); }
}