.mud-appbar {
    min-width: 0;
}

.mud-appbar .shared-shell-brand {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.mud-appbar .shared-shell-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mud-appbar .shared-account-menu-host {
    display: inline-flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
}

.mud-appbar .shared-account-menu-activator {
    min-width: 44px !important;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    flex: 0 0 44px;
}

.mud-appbar .shared-top-bar-additional-actions {
    display: inline-flex;
    flex: 0 0 auto;
}

.mud-appbar .shared-quick-actions {
    flex: 0 0 auto;
}

.shared-navigation-drawer-compact.mud-drawer {
    top: 0;
    height: 100dvh;
    max-height: 100dvh;
    max-width: calc(100vw - 32px);
}

.shared-navigation-drawer-compact .mud-drawer-content {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100%;
    padding-top: 0;
    overflow: hidden;
}

.shared-drawer-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
}

.shared-drawer-quick-actions {
    min-width: 0;
    width: 100%;
}

.shared-drawer-quick-actions .shared-quick-actions {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.shared-drawer-header [data-testid="main-navigation-close"] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
}

.shared-drawer-navigation {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}