/* Constrain only the active POS form; the item area scrolls above its checkout dock. */
body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-shell { height: 100dvh; min-height: 0; overflow: hidden; }
body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-sidebar { height: 100dvh; min-height: 0; }
body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-main { display: flex; flex-direction: column; height: 100dvh; min-height: 0; }
body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-topbar { flex-shrink: 0; }
body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-content { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 10px 14px; overflow: hidden; width: 100%; }
body:has([data-workspace-form]:not([hidden]) .pos-page) .workspace-tabs { flex-shrink: 0; margin-bottom: 8px; padding-bottom: 6px; }
body:has([data-workspace-form]:not([hidden]) .pos-page) [data-workspace-form]:not([hidden]) { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
@media (max-width: 850px) {
    body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-content { padding: 6px 8px; }
    body:has([data-workspace-form]:not([hidden]) .pos-page) .rs-topbar { min-height: 52px; padding-top: 6px; padding-bottom: 6px; }
    body:has([data-workspace-form]:not([hidden]) .pos-page) .workspace-tabs { margin-bottom: 4px; padding-bottom: 4px; }
}