/*
    Fix: Sorting on collpased tables only sorts one direction by default and cannot be undone.
    We'd need to implement custom sort buttons for the affected mobile layouts if we don't want to confuse our users. 
*/
.mud-table-smalldevices-sortselect {
  display: none !important;
}

/*
    Fix: Table toolbar does not support Grid 
    https://github.com/MudBlazor/MudBlazor/issues/11529
*/
.mud-table .mud-toolbar:has(.mud-grid) {
  height: auto;
  padding-top: 16px;
  padding-bottom: 8px;
}

/*
    Fix: Remove scrollbar in nested expansion panels.
    https://github.com/MudBlazor/MudBlazor/issues/12392
*/
.mud-collapse-wrapper-inner {
  overflow: hidden;
}

/*
    Fix: NavLink active icon color should match with text color
    https://github.com/MudBlazor/MudBlazor/discussions/1865
*/
.mud-nav-group.active .mud-navgroup-collapse {
  border-left: 6px solid var(--mud-palette-action-default-hover);
}

.mud-nav-group.active .mud-collapse-wrapper-inner {
  margin-left: -3px; /*centers with added border*/
  width: calc(100% + 3px); /*adds missing gap to the right*/
}

.mud-nav-link.active:not(.mud-nav-link-disabled) svg {
  fill: var(--mud-palette-primary);
}

.mud-nav-link.active:not(.mud-nav-link-disabled) span.mud-icon-root {
  color: var(--mud-palette-primary);
}

.nav-group-header:not(.matches-exact) .mud-nav-link.active:not(.mud-nav-link-disabled) * {
  color: var(--mud-palette-drawer-text);
}

.nav-group-header:not(.matches-exact) .mud-nav-link.active:not(.mud-nav-link-disabled) svg {
  fill: var(--mud-palette-drawer-text);
}

/*
    Fix: Responsive Design - NavBar (Indentation is off at exactly 960px)
*/
.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked .mud-appbar {
  margin-left: 0 !important;
  width: 100% !important;
}