/* Shared screen canvas: reduced windows scroll; expanded workspaces stay bounded.
   Content breakpoints query the shared --erp-page-* flags, never window width.
   No size containment/transform: existing fixed dialogs and lookups stay fixed. */
@media screen {
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-viewport {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        max-height: calc(var(--erp-workspace-height) - var(--erp-viewport-top, 120px) - var(--erp-viewport-bottom, 20px));
        overflow: auto !important;
        overscroll-behavior-inline: contain;
        scrollbar-color: var(--theme-border-strong) var(--theme-panel);
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-viewport[data-erp-scroll="fit"] {
        overflow-x: hidden !important;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas {
        box-sizing: border-box;
        width: 100%;
        min-width: var(--erp-canvas-min-width, 0px);
        max-width: var(--erp-workspace-max-width, 1800px);
        margin-inline: 0;
        padding-bottom: 8px;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.embedded-module, .module-shell, .panel, .table-scroll, .table-wrap, .report-table-shell, .control-table-wrap, .sales-order-items-scroll) {
        min-width: 0 !important;
        max-width: 100%;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.grid, .header-grid, .filter-grid, .report-filter-grid, .form-grid, .erp-form-grid),
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.grid, .header-grid, .filter-grid, .report-filter-grid, .form-grid, .erp-form-grid, .module-shell) > * {
        min-width: 0 !important;
        max-width: 100%;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas .module-shell {
        grid-template-columns: minmax(0, 1fr);
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.table-scroll, .table-wrap, .report-table-shell, .control-table-wrap, .sales-order-items-scroll):not(:has(> .erp-entry-table)) {
        overflow-x: visible !important;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas table:not(.erp-entry-table) {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        table-layout: fixed !important;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas col {
        min-width: 0 !important;
        max-width: none !important;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.panel-head, .panel-title, .panel-actions, .topbar, .section-head, .module-topbar, .erp-toolbar, .toolbar, .sales-order-list-head, .sales-order-list-title, .actions, .row-actions, .control-row-actions, .control-plane-actions, .control-status-form, .developer-reset-form, .list-search-form, .transaction-list-search) {
        flex-wrap: nowrap !important;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.panel-actions, .row-actions, .control-row-actions) > * {
        flex-shrink: 0;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas td :is(.row-actions, .control-row-actions, .erp-actions) {
        width: max-content;
        max-width: none;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.list-search-form, .transaction-list-search, .sales-order-list-title) {
        min-width: 0;
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas .control-row-actions label {
        grid-template-columns: auto minmax(100px, 140px);
    }
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas .action-cell > .muted {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Notes, validation, dialog text and editable textareas retain natural wrapping. */
    html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.form-validation-message, .field-message, textarea) {
        white-space: normal;
    }
    @container style(--erp-canvas-compact: 1) {
        html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas .control-row-actions label {
            grid-template-columns: auto 100px;
        }
        html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas :is(.control-row-actions, .control-status-form, .developer-reset-form) {
            gap: 6px;
        }
        html[data-ui-theme] body:not(.auth-page) .erp-workspace-canvas .control-row-actions :is(button, .button, .control-btn) {
            padding-inline: 8px;
        }
    }
}
@media print {
    .erp-workspace-viewport, .erp-workspace-canvas {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}