/* Commercial and inventory workspace alignment; the POS surface is excluded. */
body.vx-premium-shell:not(.pos-active) :is(#inventoryView, #inventoryOpsView, #salesView, #paymentsView, #billingView, #receivablesView, #peopleView) { min-width: 0; }
body.vx-premium-shell:not(.pos-active) #inventoryView > .panel-head,
body.vx-premium-shell:not(.pos-active) #inventoryOpsView > .panel-head { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--vx-color-border-subtle); }
body.vx-premium-shell:not(.pos-active) #inventoryView > .module-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 7px 0; }
body.vx-premium-shell:not(.pos-active) #inventoryView > .module-summary article { min-width: 0; padding: 10px 12px; }
body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid > section:first-child { grid-column: 1 / -1; min-width: 0; padding: 10px; }
body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid > details { min-width: 0; padding: 0 10px; border: 1px solid var(--vx-color-border-subtle); border-radius: var(--vx-radius-control); background: var(--vx-color-surface); }
body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid > details > summary { padding: 10px 0; color: var(--vx-color-text-secondary); font-size: 12px; font-weight: 650; cursor: pointer; }
body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid > details[open] { padding-bottom: 10px; }
body.vx-premium-shell:not(.pos-active) #inventoryView .table-wrap,
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .table-wrap { max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: visible; }
body.vx-premium-shell:not(.pos-active) #inventoryView .vx-table,
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .vx-table { min-width: 860px; width: 100%; }
body.vx-premium-shell:not(.pos-active) #inventoryView .vx-table :is(th, td),
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .vx-table :is(th, td) { min-width: 0; padding-block: 6px; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) #inventoryView .vx-table :is(th, td):first-child { min-width: 180px; max-width: 300px; }
body.vx-premium-shell:not(.pos-active) #inventoryView .vx-table td button,
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .vx-table td button { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
body.vx-premium-shell:not(.pos-active) :is(#inventoryView, #inventoryOpsView, #salesView, #paymentsView, #billingView, #receivablesView) .vx-table td[data-align='numeric'] { font-variant-numeric: tabular-nums; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .commercial-product-links { display: flex; align-items: center; gap: 6px; max-width: 260px; overflow: hidden; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .commercial-product-links > * { flex: 0 1 auto; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .vx-product-master__metric-link { display: inline-block; max-width: 100%; min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 0; background: transparent; color: var(--vx-color-accent-text); font: inherit; font-variant-numeric: tabular-nums; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
body.vx-premium-shell:not(.pos-active) .vx-product-master__metric-link:hover { text-decoration: underline; }
body.vx-premium-shell:not(.pos-active) .vx-product-master__metric-link:focus-visible { outline: 2px solid var(--vx-color-accent); outline-offset: 2px; }
body.vx-premium-shell:not(.pos-active) .commercial-core-workspace .commercial-operational-table { max-width: 100%; overflow-x: auto; overflow-y: visible; }
body.vx-premium-shell:not(.pos-active) .commercial-core-workspace .commercial-operational-table .vx-table { min-width: 820px; }
body.vx-premium-shell:not(.pos-active) .commercial-core-workspace .commercial-operational-table .vx-table :is(th,td) { white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .commercial-core-workspace .commercial-operational-table .commercial-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .dashboard-grid { display: block; min-width: 0; }
body.vx-premium-shell:not(.pos-active) #inventoryOpsView .dashboard-grid > section:last-child { margin-top: 8px; padding: 8px 12px; border: 1px solid var(--vx-color-border-subtle); border-radius: var(--vx-radius-control); }
body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-command-panel { min-height: 0; }
body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-executive-admin { margin-top: 8px; }
@media (max-width: 900px) {
  body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  body.vx-premium-shell:not(.pos-active) #inventoryView .dashboard-grid > section:first-child { grid-column: auto; }
}
/* Deep operational work uses the shell context while giving datasets the screen width. */
body.vx-premium-shell:not(.pos-active) .vx-app-shell.vx-focus-workspace { grid-template-columns: var(--vx-sidebar-collapsed) minmax(0, 1fr); }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace > .vx-sidebar { display: flex; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-workspace { max-width: none; width: 100%; padding-inline: clamp(16px, 1.5vw, 24px); }
body.vx-premium-shell:not(.pos-active) .vx-focus-bar { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 7px 0 10px; border-bottom: 1px solid var(--vx-color-border-subtle); margin-bottom: 10px; }
body.vx-premium-shell:not(.pos-active) .vx-focus-bar[hidden] { display: none; }
body.vx-premium-shell:not(.pos-active) .vx-focus-heading { display: flex; flex: 1; gap: 3px; min-width: 0; flex-direction: column; }
body.vx-premium-shell:not(.pos-active) .vx-focus-heading strong { color: var(--vx-color-text-primary); font-size: 15px; }
body.vx-premium-shell:not(.pos-active) .vx-focus-heading small { color: var(--vx-color-text-secondary); }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table-scroll,
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .table-wrap { max-width: 100%; overflow-x: auto; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table { width: max-content; min-width: 100%; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table td[data-align='numeric'],
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table td:has(.metric-drilldown) { min-width: max-content; white-space: nowrap; overflow: visible; text-overflow: clip; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table td:last-child { min-width: max-content; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table td[data-align='numeric'] :is(button, strong, span),
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-product-master__metric-link { max-width: none; overflow: visible; text-overflow: clip; white-space: nowrap; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-table td:first-child { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-workspace-content { min-width: 0; overflow-x: clip; }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-sidebar { width: var(--vx-sidebar-collapsed); }
body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-nav-domain[data-active='true'] { color: var(--vx-color-accent-text); background: var(--vx-color-surface-selected); }
body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-executive-admin .cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-executive-admin .cards > article { min-width: 0; min-height: 0; padding: 10px 12px; }
body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-executive-admin .cards > article :is(strong, small) { display: block; overflow-wrap: anywhere; }
body.vx-premium-shell:not(.pos-active) #dashboardView .permission-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; font-size: 12px; }
body.vx-premium-shell:not(.pos-active) #dashboardView .permission-full-list { width: 100%; max-height: 220px; overflow: auto; }
body.vx-premium-shell:not(.pos-active) #quotationWorkbenchDialog.quotation-workbench-workspace { display: none; min-width: 0; width: 100%; max-width: none; padding: 16px 20px; }
body.vx-premium-shell:not(.pos-active) #quotationWorkbenchDialog.quotation-workbench-workspace.active-view { display: block; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 280px); gap: 14px; align-items: start; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .dialog-head,
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .quotation-workbench-meta,
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > input,
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .inline-actions { grid-column: 1 / -1; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > section:has(#quotationWorkbenchLines) { grid-column: 1; grid-row: 3; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .quotation-workbench-notes { grid-column: 1; grid-row: 4; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .dashboard-highlight { grid-column: 2; grid-row: 3 / span 2; position: sticky; top: 14px; }
body.vx-premium-shell:not(.pos-active) .vx-dataset-action-bar { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin: 8px 0; padding: 8px 10px; border: 1px solid var(--vx-color-border-subtle); border-radius: var(--vx-radius-control); background: var(--vx-color-surface); }
body.vx-premium-shell:not(.pos-active) :is(.document-center-filters, .commercial-operational-filters, #inventorySearch)[hidden] { display: none; }
body.vx-premium-shell:not(.pos-active) .vx-document-actions { display: flex; flex-wrap: wrap; gap: 6px; }
body.vx-premium-shell:not(.pos-active) .vx-technical-details { margin-top: 8px; color: var(--vx-color-text-secondary); font-size: 12px; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(120px, 1fr) minmax(180px, 2fr) repeat(4, minmax(88px, 1fr)); gap: 8px; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace :is(input, select, textarea) { min-width: 0; max-width: 100%; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line { overflow-x: auto; }
body.vx-premium-shell:not(.pos-active) .session-brand { display: flex; align-items: center; gap: 10px; color: var(--vx-color-text-primary); }
body.vx-premium-shell:not(.pos-active) .session-bar { grid-template-columns: minmax(160px,.9fr) minmax(145px,1fr) minmax(145px,1fr) auto auto auto; align-items: center; }
body.vx-premium-shell:not(.pos-active) .session-brand img { width: 38px; height: 38px; object-fit: cover; border-radius: 9px; }
body.vx-premium-shell:not(.pos-active) .session-brand span { display: grid; line-height: 1.2; }
body.vx-premium-shell:not(.pos-active) .session-brand small { color: var(--vx-color-text-secondary); }
body.vx-premium-shell:not(.pos-active) .vx-applied-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0; color: var(--vx-color-text-secondary); }
body.vx-premium-shell:not(.pos-active) #opportunityWorkspace { padding: 20px; max-width: none; }
body.vx-premium-shell:not(.pos-active) #opportunityWorkspace .stack-form { max-width: 1120px; margin-inline: auto; }
body.vx-premium-shell:not(.pos-active) #opportunityWorkspace .form-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
body.vx-premium-shell:not(.pos-active) #opportunityWorkspace :is(input,select,textarea) { width: 100%; min-width: 0; }
body.vx-premium-shell:not(.pos-active) .quotation-section-controls { display: flex; flex-wrap: wrap; gap: 7px 18px; margin: 12px 0; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-notes [data-quotation-field][hidden] { display: none; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-discount { grid-column: 2; grid-row: 4; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .dashboard-highlight { grid-row: 3; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid { grid-template-columns: minmax(145px,1.4fr) minmax(110px,0.8fr) minmax(160px,1.6fr) repeat(4,minmax(68px,.6fr)) !important; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line { overflow: visible; }
body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid output { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1350px) { body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form { grid-template-columns: minmax(0,1fr); } body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > :is(.quotation-discount,.dashboard-highlight,.quotation-workbench-notes,section:has(#quotationWorkbenchLines)) { grid-column: 1; grid-row: auto; position: static; } }
@media (max-width: 1050px) { body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } body.vx-premium-shell:not(.pos-active) #opportunityWorkspace .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1150px) { body.vx-premium-shell:not(.pos-active) .session-bar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 650px) { body.vx-premium-shell:not(.pos-active) .session-bar { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 650px) { body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid, body.vx-premium-shell:not(.pos-active) #opportunityWorkspace .form-grid { grid-template-columns: minmax(0,1fr) !important; } }
@media (max-width: 1150px) { body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .quotation-line-grid { grid-template-columns: repeat(4, minmax(125px, 1fr)); } }
@media (max-width: 850px) {
  body.vx-premium-shell:not(.pos-active) #dashboardView .commercial-executive-admin .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form { grid-template-columns: minmax(0, 1fr); }
  body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > section:has(#quotationWorkbenchLines),
  body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .quotation-workbench-notes,
  body.vx-premium-shell:not(.pos-active) .quotation-workbench-workspace .stack-form > .dashboard-highlight { grid-column: 1; grid-row: auto; position: static; }
}
@media (max-width: 767px) { body.vx-premium-shell:not(.pos-active) .vx-focus-workspace .vx-sidebar { width: min(var(--vx-sidebar-expanded), calc(100vw - 32px)); } }
@media (max-width: 900px) { body.vx-premium-shell:not(.pos-active) .vx-focus-bar { flex-wrap: wrap; } }
body.vx-premium-shell:not(.pos-active) .purchase-order-lines { display: grid; gap: 8px; min-width: 0; }
body.vx-premium-shell:not(.pos-active) .purchase-order-line { display: grid; grid-template-columns: minmax(180px, 2fr) repeat(4, minmax(88px, 1fr)) minmax(130px, auto) auto; gap: 7px; align-items: end; min-width: 0; border: 1px solid var(--vx-color-border-subtle); border-radius: var(--vx-radius-control); padding: 9px; }
body.vx-premium-shell:not(.pos-active) .purchase-order-line label { min-width: 0; }
body.vx-premium-shell:not(.pos-active) .purchase-order-line :is(input, select) { width: 100%; min-width: 0; }
body.vx-premium-shell:not(.pos-active) .purchase-order-line output { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 1100px) { body.vx-premium-shell:not(.pos-active) .purchase-order-line { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 650px) { body.vx-premium-shell:not(.pos-active) .purchase-order-line { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body.vx-premium-shell:not(.pos-active) #financeView [data-workspace-view='summary'] > .module-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
body.vx-premium-shell:not(.pos-active) #financeView [data-workspace-view='summary'] > .module-summary article { min-width: 0; padding: 10px 12px; }
body.vx-premium-shell:not(.pos-active) #financeView [data-workspace-view='summary'] > .module-summary strong { display: block; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; font-size: clamp(14px, 1.15vw, 19px); }
body.vx-premium-shell:not(.pos-active) .finance-overdue-links { display: flex; flex-wrap: wrap; gap: 5px; }
body.vx-premium-shell:not(.pos-active) .finance-overdue-links button { width: auto; min-width: max-content; padding: 3px 5px; font-variant-numeric: tabular-nums; }
body.vx-premium-shell:not(.pos-active) .finance-analysis-disclosure { margin-top: 10px; border: 1px solid var(--vx-color-border-subtle); border-radius: var(--vx-radius-control); }
body.vx-premium-shell:not(.pos-active) .finance-analysis-disclosure > summary { padding: 10px 12px; cursor: pointer; color: var(--vx-color-text-secondary); }
body.vx-premium-shell:not(.pos-active) .finance-analysis-disclosure > .dashboard-highlight { margin: 0; }
body.vx-premium-shell:not(.pos-active) .people-master-search { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px); gap: 10px; align-items: end; padding: 10px 0; }
body.vx-premium-shell:not(.pos-active) .people-master-search :is(input, select) { width: 100%; min-width: 0; }
body.vx-premium-shell:not(.pos-active) #peopleMasterDirectory { min-width: 0; overflow-x: auto; }
body.vx-premium-shell:not(.pos-active) #personDetail { margin-top: 12px; }
@media (max-width: 1000px) { body.vx-premium-shell:not(.pos-active) #financeView [data-workspace-view='summary'] > .module-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { body.vx-premium-shell:not(.pos-active) .people-master-search { grid-template-columns: minmax(0, 1fr); } }