/* Account Managed Service drawer — height chain for Workspace97 EntityActionDrawer */

.account-ms-drawer-header {
    min-width: 0;
}

/*
  Body fills the drawer content slot. Spine scrolls independently;
  main pane scrolls on .account-ms-content.
*/
.entity-action-drawer .drawer-content-full-height > .account-ms-drawer-body,
.account-ms-drawer-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100%;
    margin: 0 !important;
    padding: 0.75rem !important;
    overflow: hidden !important;
    background: var(--mud-palette-background);
    box-sizing: border-box;
}

.account-ms-console {
    display: flex !important;
    align-items: stretch !important;
    gap: 1rem !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100%;
    overflow: hidden !important;
    box-sizing: border-box;
}

.account-ms-spine {
    width: 220px !important;
    flex: 0 0 220px !important;
    min-height: 0 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.account-ms-content {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.account-ms-drawer-body > .mud-progress-linear,
.account-ms-drawer-body > .mud-alert {
    flex: 0 0 auto;
}

@media (max-width: 960px) {
    .account-ms-console {
        flex-direction: column !important;
        overflow: auto !important;
    }

    .account-ms-spine {
        width: 100% !important;
        flex: 0 0 auto !important;
        max-height: 40vh;
    }

    .account-ms-content {
        flex: 1 1 auto !important;
        overflow: visible !important;
    }
}