/* Desktop pilot: shared navigation and inventory workspace. */
@media (min-width: 821px) {
  html:not(.workbench-mobile-runtime) {
    --workbench-bg: #ffffff;
    --workbench-sidebar: 204px;
    --workbench-gap: 24px;
    --workbench-content-pad-x: 0px;
    --workbench-content-pad-y: 0px;
  }
  html:not(.workbench-mobile-runtime) body { -webkit-font-smoothing: antialiased; }
  html:not(.workbench-mobile-runtime) .workbench-layout { padding: 24px; }
  html:not(.workbench-mobile-runtime) .workbench-sidebar {
    background: #f9f9f9;
    border: 0;
    border-radius: 12px;
    padding: 20px 12px 16px;
  }
  html:not(.workbench-mobile-runtime) .workbench-brand { padding: 0 8px 18px; margin-bottom: 18px; }
  html:not(.workbench-mobile-runtime) .workbench-brand-text strong { font-weight: 600; }
  html:not(.workbench-mobile-runtime) .workbench-nav { gap: 14px; }
  html:not(.workbench-mobile-runtime) .workbench-nav-btn { padding: 10px 12px; }
  html:not(.workbench-mobile-runtime) .workbench-nav-btn strong { font-weight: 500; }
  html:not(.workbench-mobile-runtime) .workbench-nav-btn.active { background: transparent; border-color: transparent; color: var(--text); }
  html:not(.workbench-mobile-runtime) .workbench-nav-btn:hover { background: rgba(0, 0, 0, .035); }
  html:not(.workbench-mobile-runtime) .workbench-subnav { padding: 0 0 0 12px; }
  html:not(.workbench-mobile-runtime) .workbench-subnav-btn { padding: 8px 12px; }
  html:not(.workbench-mobile-runtime) .workbench-nav .workbench-subnav-btn.active { background: #fff; color: var(--accent); font-weight: 500; }
  html:not(.workbench-mobile-runtime) .workbench-subnav-btn:hover { background: rgba(255, 255, 255, .6); }
  html:not(.workbench-mobile-runtime) .workbench-main { background: transparent; }
  html:not(.workbench-mobile-runtime) [data-panel="supply"] .workbench-surface,
  html:not(.workbench-mobile-runtime) #supplyChainPanel { background: transparent; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .inventory-sales-filter-row { flex-wrap: wrap; row-gap: 8px; margin-bottom: 16px; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .inventory-sales-toolbar-left { flex-wrap: wrap; align-items: flex-end; }
  html:not(.workbench-mobile-runtime) .filter-field-inline > label { font-size: 12px; font-weight: 400; }
  html:not(.workbench-mobile-runtime) .sync-time { min-width: 0; font-size: 12px; color: var(--text-secondary); }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .company-account-switcher { background: #e9e9ed; border-color: transparent; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .company-account-option.active { background: #fff; color: var(--accent); }
  html:not(.workbench-mobile-runtime) :is(button, input, select):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .inventory-sales-table-wrap { border-radius: 10px; min-height: 160px; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .inventory-sales-table th { background: #fafafb; font-weight: 500; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .inventory-sales-table .summary-row td { background: #f3f6fb; font-weight: 500; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .material-panel { margin-top: 16px; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel :is(.material-compact-card, .material-demand-card) { border-radius: 10px; padding: 12px; background: #fff; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel :is(.material-compact-name, .material-compact-meta strong) { font-weight: 500; }
  html:not(.workbench-mobile-runtime) #supplyChainPanel .material-demand-input { background: #f5f5f7; border-color: transparent; }
}

/* Inventory treatment follows the shared drawer typography and control scale. */
.inventory-treatment-drawer { font-size: 13px; line-height: 20px; }
#inventoryTreatmentBackdrop .replenishment-drawer-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
#inventoryTreatmentBackdrop .replenishment-drawer-head h2 { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; }

.inventory-treatment-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.inventory-treatment-item { border-top: 1px solid var(--border); padding: 16px 0; }
.inventory-treatment-drawer .inventory-treatment-item > summary { color: var(--text); line-height: 20px; display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: 13px; font-weight: 500; list-style: none; }
.inventory-treatment-item summary::-webkit-details-marker { display: none; }
.inventory-treatment-status { margin-left: auto; color: var(--text-secondary); font-size: 12px; font-weight: 400; white-space: nowrap; }
.inventory-treatment-body { padding-top: 12px; }
.inventory-treatment-body dl { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; margin: 0 0 12px; }
.inventory-treatment-body dt { color: var(--text-secondary); }
.inventory-treatment-body dd { margin: 0; font-variant-numeric: tabular-nums; }
.inventory-treatment-body p { margin: 8px 0; }
#inventoryTreatmentBackdrop .inventory-treatment-meta { color: var(--text-secondary); font-size: 12px; line-height: 18px; font-weight: 400; }

#inventoryTreatmentBackdrop .inventory-treatment-tabs .is-active { color: var(--accent); border-color: rgba(0,113,227,.22); background: rgba(0,113,227,.06); }
#inventoryTreatmentBackdrop .inventory-treatment-body dl { font-size: 13px; line-height: 20px; }