/* Quote proposal drawer — height chain for Workspace97 EntityActionDrawer */

.quote-proposal-drawer-header {
    min-width: 0;
}

/*
  Body fills the drawer content slot. Columns scroll independently;
  workspace-main-body itself must NOT scroll.
*/
.entity-action-drawer .drawer-content-full-height > .quote-proposal-drawer-body,
.quote-proposal-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 !important;
    overflow: hidden !important;
    background: var(--mud-palette-background);
    box-sizing: border-box;
}

.quote-proposal-drawer-body > .quote-view-root,
.quote-proposal-drawer-body .quote-view-root {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100%;
    overflow: hidden !important;
}

.quote-proposal-drawer-body .entity-view-layout,
.quote-proposal-drawer-body .page-section.entity-view-layout {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

.quote-proposal-drawer-body .entity-view-layout-container,
.quote-proposal-drawer-body .module-main-column {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

.quote-proposal-drawer-body .module-content-region {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Lock outer body — columns own overflow */
.quote-proposal-drawer-body .workspace-main-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto;
}

.quote-proposal-drawer-body .entity-view-header-back,
.quote-workspace-panel--drawer .entity-view-header-back {
    display: none !important;
}

.quote-proposal-drawer-body .quote-view-layout--drawer-compact > .entity-view-layout-container > .module-main-column > .module-header-section,
.quote-workspace-panel--drawer .quote-view-layout--drawer-compact > .entity-view-layout-container > .module-main-column > .module-header-section {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    min-height: 0 !important;
}

/* Dense MudDrawer header — centre chrome; pull Close closer to actions */
.entity-action-drawer:has(.quote-proposal-drawer-body) .mud-drawer-header.entity-action-drawer-header,
.entity-action-drawer:has(.quote-proposal-drawer-body) .entity-action-drawer-header {
    padding: 0.4rem 0.5rem 0.4rem 0.35rem !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

.quote-proposal-drawer-body .quote-builder-mode-chrome--drawer {
    min-height: 2.15rem;
    margin-top: 0;
    margin-bottom: 0.5rem !important;
    flex-shrink: 0;
}

.quote-proposal-drawer-body .quote-drawer-version-chips {
    flex-shrink: 0;
}

/* Tight single gutter — avoid double-box look */
.quote-proposal-drawer-body .quote-view-layout--drawer-compact .workspace-main-body {
    padding: 0.5rem 0.75rem 0.5rem !important;
    box-sizing: border-box;
}

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

/* —— CSS grid: real row height so columns can scroll independently —— */

.quote-proposal-drawer-body .quote-view-lines-grid.mud-grid,
.quote-proposal-drawer-body .quote-view-lines-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0.75rem !important;
    align-items: stretch !important;
    align-content: stretch !important;
}

/* Neutralize MudItem flex basis / max-width from xs/md breakpoints */
.quote-proposal-drawer-body .quote-view-lines-grid > .mud-grid-item {
    max-width: none !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    width: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}

.quote-proposal-drawer-body .quote-view-lines-grid > .mud-grid-item.quote-view-lines-column,
.quote-proposal-drawer-body .quote-view-lines-column {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    top: auto !important;
}

.quote-proposal-drawer-body .quote-view-lines-grid > .mud-grid-item.quote-view-sidebar-column,
.quote-proposal-drawer-body .quote-view-sidebar-column {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    position: relative !important;
    top: auto !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    /* Column itself is the right scrollport */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

@media (max-width: 959px) {
    .quote-proposal-drawer-body .quote-view-lines-grid.mud-grid,
    .quote-proposal-drawer-body .quote-view-lines-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(12rem, 1fr) minmax(12rem, 1fr) !important;
    }
}

/* Left: document host */
.quote-proposal-drawer-body .quote-view-inline-doc-host {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: 100%;
}

.quote-proposal-drawer-body .quote-view-inline-doc-host .quote-doc-inline-root {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Tighten document gray stage so paper isn’t double-inset */
.quote-proposal-drawer-body .quote-doc-scroll-viewport {
    border-radius: var(--mud-default-borderradius, 4px);
}

.quote-proposal-drawer-body .quote-doc-a4-stage {
    padding: 0.5rem 0 0.75rem !important;
}

/* Left: workbench lines card — flush, single outline */
.quote-proposal-drawer-body .quote-workbench-lines-card.mud-card,
.quote-proposal-drawer-body .quote-workbench-lines-card {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: 100%;
    margin: 0 !important;
}

.quote-proposal-drawer-body .quote-workbench-lines-card > .mud-card-header {
    flex-shrink: 0;
    padding: 0.5rem 0.75rem !important;
}

.quote-proposal-drawer-body .quote-workbench-lines-card > .mud-card-content,
.quote-proposal-drawer-body .quote-workbench-lines-card__body {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem 0.75rem 0.75rem !important;
}

/* Right: children fill width; column scrolls */
.quote-proposal-drawer-body .quote-view-sidebar-tabs {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100%;
}

.quote-proposal-drawer-body .quote-view-sidebar-scroll {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100%;
}