.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; }
}