/* Approved V6 refinement. Scoped to selection; the company shell and other modules stay independent. */
/* Material library refinement: keep the approved shell, make each material one compact row. */
.selection-workspace .material-compact-filters{display:flex;align-items:center;gap:8px;min-width:0}
.selection-workspace .material-compact-filters button{display:inline-flex;align-items:center;gap:9px;min-height:39px;padding:8px 12px;border:1px solid #dce2ee;border-radius:8px;background:#fff;color:#33435c;font-size:13px;white-space:nowrap}
.selection-workspace .material-filter-label{color:#8190a7;border-right:1px solid #e4e8f0;padding-right:8px}
.selection-workspace .material-filter-dialog{position:fixed;inset:auto;margin:0;padding:12px;width:230px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;border:1px solid #e3e7f0;border-radius:10px;box-shadow:0 8px 28px #26344924;color:#263449;z-index:40}
.selection-workspace .material-filter-dialog fieldset{margin:0;padding:0;border:0;min-width:0}
.selection-workspace .material-filter-dialog legend{padding:5px 8px;color:#8490a5;font-size:13px}
.selection-workspace .material-filter-option{display:flex;align-items:center;gap:10px;padding:10px 9px;min-height:39px;border-radius:6px;font-size:14px;overflow-wrap:anywhere;cursor:pointer}
.selection-workspace .material-filter-option:hover,.selection-workspace .material-filter-option:has(input:checked){background:#f2efff;color:#6355d8}
.selection-workspace .material-filter-option input{width:14px;height:14px;min-height:0;padding:0;margin:0;box-shadow:none;accent-color:#6355d8;flex:none}
.selection-workspace .material-filter-shortcuts{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid #e3e7f0}
.selection-workspace .material-filter-shortcuts button{min-height:35px;padding:6px 12px;border:1px solid #e3e7f0;background:#fff;border-radius:6px;font-size:13px;color:#33435c}
.selection-workspace .material-filter-shortcuts button[aria-pressed=true]{color:#6355d8;background:#f2efff;border-color:#b6adeb}
.selection-workspace {
  --accent: #6355d8;
  --accent-hover: #5144bf;
  --accent-pale: #f2efff;
  --ink: #263449;
  --muted: #66758c;
  --faint: #8490a5;
  --line: #e3e7f0;
  --line-light: #edf0f6;
  --positive: #22836c;
  --positive-bg: #ecf8f2;
  --warning: #a57428;
  --warning-bg: #fff7e9;
  --negative: #b44d56;
  --negative-bg: #fff0f2;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.55;
  min-width: 0;
}
.selection-workspace :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #a29ae9;
  outline-offset: 3px;
}
.selection-workspace :is(input, select, textarea):focus {
  border-color: #9286df;
  box-shadow: 0 0 0 3px #6355d814;
}
.selection-workspace [hidden] { display: none !important; }
.selection-workspace :is(button, a, input, select, textarea) { -webkit-tap-highlight-color: transparent; }
.selection-workspace button { transition: background-color .12s, border-color .12s, color .12s; }
.selection-workspace button:disabled { opacity: .48; cursor: not-allowed; }
.selection-workspace h1 { font-size: 28px; font-weight: 650; letter-spacing: -.5px; }
.selection-workspace h2 { color: var(--ink); font-size: 23px; font-weight: 650; }
.selection-workspace h3 { color: var(--ink); font-size: 18px; font-weight: 600; }
.selection-workspace :is(.muted, .subtle, .field-note, .section-note, .optional, .unit) { color: var(--muted); }
.selection-workspace .page-heading { margin: 0 0 16px; gap: 16px; }
.selection-workspace .page-heading p { font-size: 14px; margin-top: 4px; }
.selection-workspace .heading-actions { gap: 8px; }
.selection-workspace :is(.button, .secondary-button, .primary-button) {
  min-height: 39px;
  padding: 8px 13px;
  border-radius: 8px;
  border-color: var(--line);
  font-size: 14px;
  line-height: 1.5;
  box-shadow: none;
}
.selection-workspace :is(.button.primary, .primary-button) { background: var(--accent); border-color: var(--accent); }
.selection-workspace :is(.button.secondary, .secondary-button):hover:not(:disabled) { background: #f7f6ff; border-color: #d6d1f4; }
.selection-workspace .rules-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 18px;
  margin: 0 0 16px;
  min-height: 38px;
  padding: 8px 14px;
  background: #f2effb;
  border: 1px solid #e6e0f8;
  border-radius: 9px;
  color: #66718c;
  font-size: 13px;
}
.selection-workspace .rules-bar strong { color: #6756bd; font-size: 13px; }
.selection-workspace .rules-bar small { margin-left: auto; font-size: 13px; color: #7b849c; }
.selection-workspace .rules-bar .text-button { font-size: 13px; min-height: 24px; font-weight: 600; }
.selection-workspace .work-surface { background: #fff; border: 0; border-radius: 12px; overflow: visible; min-width: 0; }

/* Four large, stable destinations; compact controls carry the secondary hierarchy. */
.selection-workspace .selection-module-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 6px 8px;
  background: #f6f7fb;
  border-radius: 11px;
  margin-bottom: 15px;
  min-width: 0;
}
.selection-workspace .selection-module-bar .view-tabs {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 6px;
  border: 0;
  min-width: 0;
  padding: 0;
}
.selection-workspace .selection-module-bar .view-tabs button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  min-height: 48px;
  padding: 9px 17px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: #66748b;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  white-space: nowrap;
}
.selection-workspace .selection-module-bar .view-tabs button:hover { color: var(--accent); background: #ffffffa8; }
.selection-workspace .selection-module-bar .view-tabs button:is(.active, [aria-pressed="true"]) {
  color: var(--accent);
  border-color: #e3ddfa;
  background: #fff;
  box-shadow: 0 1px 3px #463b8510;
  font-weight: 650;
}
.selection-workspace .selection-module-bar .view-tabs button:is(.active, [aria-pressed="true"])::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--accent);
}
.selection-workspace .selection-module-bar .search-field {
  flex: 0 1 370px;
  width: 370px;
  max-width: 35%;
  min-height: 40px;
  min-width: 190px;
  margin: 0;
  border: 1px solid #e1e6ef;
  border-radius: 8px;
  background: #fff;
  padding: 0 11px;
}
.selection-workspace .selection-module-bar .search-field input { min-height: 38px; height: 38px; font-size: 13px; padding: 8px 0; }
.selection-workspace .selection-module-bar .search-field input::placeholder { font-size: 13px; }
.selection-workspace .selection-module-bar .search-field > span { font-size: 22px; }

/* Persistent one-line filters wrap deliberately on smaller screens. */
.selection-workspace .selection-compact-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 0 15px;
  margin: 0;
  border: 0;
  min-width: 0;
}
.selection-workspace .selection-compact-toolbar :is(select, button) {
  max-width: 100%;
  min-height: 35px;
  height: 35px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  border: 1px solid #e2e6ef;
  border-radius: 7px;
  background-color: #fff;
  color: #59687e;
  padding: 7px 10px;
  white-space: nowrap;
  box-shadow: none;
}
.selection-workspace .selection-compact-toolbar :is(select, button):hover:not(:disabled) { border-color: #ccc5ef; background-color: #faf9ff; }
.selection-workspace .selection-compact-toolbar :is(#personFilter, #shippingWarehouseFilter, #profitFilter) { width: 136px; min-width: 0; padding-right: 24px; }
.selection-workspace .selection-compact-toolbar #personFilter { width: 122px; }
.selection-workspace .selection-compact-toolbar #shippingWarehouseFilter { width: 145px; }
.selection-workspace .selection-compact-toolbar #selectionDateTrigger { min-width: 150px; text-align: left; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; }
.selection-workspace .selection-compact-toolbar :is(#selectionDateTrigger, #moreFiltersTrigger):is(.active, [aria-expanded="true"], [data-active="true"]) { color: var(--accent); background: #f1edff; border-color: #dfd8fc; }
.selection-workspace .selection-compact-toolbar :is(.filter-field, .person-field, .metric-field) { width: auto; flex: none; margin: 0; gap: 0; }
.selection-workspace .selection-compact-toolbar .filter-field > label { display: none; }
.selection-workspace .selection-compact-toolbar :is(.selection-listing-scope, .selection-shipping-filters, .filter-bar, .work-filters) {
  display: contents;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
.selection-workspace .selection-compact-toolbar .selection-listing-scope > :is(strong, span) { display: none; }
.selection-workspace .selection-compact-toolbar .selection-listing-tabs { gap: 2px; padding: 3px; flex-wrap: nowrap; border-radius: 8px; background: #f1f3f8; }
.selection-workspace .selection-compact-toolbar .selection-listing-tabs button { min-height: 29px; height: 29px; padding: 5px 10px; font-size: 13px; border: 0; border-radius: 6px; background: transparent; color: #768198; }
.selection-workspace .selection-compact-toolbar .selection-listing-tabs button.active { color: var(--accent); background: #fff; font-weight: 600; box-shadow: 0 1px 3px #283c5d08; }
.selection-workspace .selection-compact-toolbar .selection-listing-tabs button > span { padding: 0; background: none; font-size: 13px; color: inherit; }
.selection-workspace .selection-compact-toolbar .selection-listing-tabs button.active > span { background: none; color: inherit; }
.selection-workspace .selection-compact-toolbar .shipping-filter-buttons { gap: 4px; }
.selection-workspace .selection-compact-toolbar .shipping-filter-buttons button { height: 31px; min-height: 31px; padding: 4px 8px; font-size: 13px; }
.selection-workspace .selection-compact-toolbar .filter-bar button { min-height: 33px; height: 33px; padding: 5px 9px; font-size: 13px; }
.selection-workspace .selection-active-filters { display: flex; gap: 6px; flex-wrap: wrap; margin: -4px 0 12px; }
.selection-workspace .selection-active-filter { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #e5e0f7; border-radius: 5px; background: #f7f5ff; color: #695eae; font-size: 13px; padding: 3px 7px; }
.selection-workspace .filter-validation { font-size: 13px; padding: 9px 12px; border-radius: 7px; border: 1px solid #f1dfbd; margin: 0 0 12px; }
.selection-workspace .top-pager { min-height: 38px; padding: 4px 0 10px; border: 0; background: transparent; }
.selection-workspace .page-range { font-size: 13px; color: #7d899e; }
.selection-workspace .pager-controls { gap: 7px; }
.selection-workspace .pager-controls :is(button, select) { min-height: 31px; font-size: 13px; padding: 4px 9px; border-radius: 6px; }
.selection-workspace .selection-page-size { font-size: 13px; }
.selection-workspace .selection-page-size select { min-height: 31px; padding: 4px 8px; }

/* Compact product rows with a complete, stable column order. */
.selection-workspace .table-scroll { overflow-x: auto; border-radius: 9px; }
.selection-workspace #productTable { display: table; min-width: 1050px; width: 100%; table-layout: fixed; border-collapse: collapse; }
.selection-workspace #productTable colgroup { display: table-column-group; }
.selection-workspace #productTable thead { display: table-header-group; }
.selection-workspace #productTable tbody { display: table-row-group; }
.selection-workspace #productTable .col-check { width: 36px; }
.selection-workspace #productTable .col-product { width: 24%; }
.selection-workspace #productTable .col-cost { width: 13%; }
.selection-workspace #productTable .col-profit { width: 12%; }
.selection-workspace #productTable .col-material { width: 15%; }
.selection-workspace #productTable .col-resource { width: 17%; }
.selection-workspace #productTable .col-owner { width: 11%; }
.selection-workspace #productTable .col-actions { width: 65px; }
.selection-workspace #productTable th { height: 40px; font-size: 13px; font-weight: 500; color: #8190a7; border: 0; background: #f6f8fc; padding: 9px 10px; white-space: nowrap; }
.selection-workspace #productTable th:first-child { border-radius: 8px 0 0 8px; padding-left: 9px; }
.selection-workspace #productTable th:last-child { border-radius: 0 8px 8px 0; }
.selection-workspace #productTable .product-row { display: table-row; padding: 0; }
.selection-workspace #productTable .product-row > td,
.selection-workspace #productTable .product-row > td:nth-child(n) {
  display: table-cell;
  visibility: visible;
  width: auto;
  height: auto;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid #e9edf5;
  padding: 12px 10px;
  vertical-align: middle;
  grid-column: auto;
  grid-row: auto;
  font-size: 13px;
  line-height: 1.5;
  background: transparent;
}
.selection-workspace #productTable .product-row:hover { background: #fdfcff; }
.selection-workspace #productTable .product-row:is(.selected, .is-selected, [data-selected="true"]) { background: #f6f3ff; }
.selection-workspace #productTable .product-row > td:first-child { padding: 12px 6px 12px 9px; }
.selection-workspace :is(.selection-product-check, #selectionSelectPage, .selection-select-page) { width: 17px; height: 17px; min-height: 17px; margin: 0; padding: 0; accent-color: var(--accent); cursor: pointer; vertical-align: middle; }
.selection-workspace #productTable .product-identity { align-items: center; gap: 12px; }
.selection-workspace #productTable .product-identity > :is(img, .image-placeholder) { width: 50px; height: 58px; border: 1px solid #edf0f5; border-radius: 7px; background: #f5f6f9; object-fit: contain; flex: none; }
.selection-workspace #productTable .product-identity > div { min-width: 0; }
.selection-workspace #productTable .product-name { min-height: 25px; padding: 0; margin: 0 0 3px; border: 0; border-radius: 0; background: none; color: #2b374d; font-size: 15px; font-weight: 600; line-height: 1.45; text-align: left; overflow-wrap: anywhere; box-shadow: none; }
.selection-workspace #productTable .product-name:hover { color: var(--accent); }
.selection-workspace #productTable .product-identity .muted { margin: 0; font-size: 13px; color: #8590a4; line-height: 1.6; }
.selection-workspace #productTable .product-people,
.selection-workspace #productTable .product-people > span { display: block; margin: 0; color: #67758c; font-size: 13px; line-height: 1.8; }
.selection-workspace #productTable .selection-listing-meta { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 2px; }
.selection-workspace #productTable .selection-listing-tag { padding: 0; border: 0; background: none; color: #7a879c; font-size: 13px; line-height: 1.6; }
.selection-workspace #productTable .selection-listing-action { min-height: 24px; padding: 0 3px; font-size: 13px; }
.selection-workspace .selection-tabcut-actions { display: inline-flex; align-items: center; gap: 4px; margin: 1px 0 0 5px; vertical-align: middle; }
.selection-workspace .selection-tabcut-actions > a { display: inline; min-height: 24px; padding: 0; border: 0; background: none; color: var(--accent); font-size: 13px; font-weight: 400; line-height: 24px; text-decoration: none; }
.selection-workspace .selection-tabcut-actions > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.selection-workspace .selection-supplier-actions > .selection-source-add { display: inline; min-height: 24px; padding: 0; margin: 0; border: 0; background: none; color: var(--accent); font-size: 13px; font-weight: 400; line-height: 24px; box-shadow: none; }
.selection-workspace .selection-supplier-actions > .selection-source-add:hover { text-decoration: underline; text-underline-offset: 3px; }
.selection-workspace .selection-tabcut-actions .selection-compact-link-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 5px;
  margin: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #8390a7;
  font-size: 15px;
  line-height: 1;
  box-shadow: none;
}
.selection-workspace .selection-tabcut-actions .selection-compact-link-copy:hover:not(:disabled) { background: #f1eeff; color: var(--accent); }
.selection-workspace .selection-compact-link-copy > svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.selection-workspace #productTable .price { display: block; margin: 0 0 2px; color: #31405a; font-size: 19px; font-weight: 600; line-height: 1.35; font-variant-numeric: tabular-nums; }
.selection-workspace #productTable .cell-subline { display: block; font-size: 13px; line-height: 1.6; color: #8792a7; margin: 0 0 2px; }
.selection-workspace #productTable td:nth-child(3) > .muted { display: block; font-size: 13px; line-height: 1.45; color: #8792a7; }
.selection-workspace #productTable td:nth-child(3) > .price:last-child { display: inline; font-size: 15px; margin: 0 0 0 7px; }
.selection-workspace #productTable td:nth-child(3) > .muted:last-of-type { display: inline; }
.selection-workspace #productTable .profit-number { display: block; margin: 1px 0 4px; font-size: 22px; line-height: 1.25; letter-spacing: -.35px; color: var(--positive); }
.selection-workspace #productTable .profit-number.loss { color: var(--negative); }
.selection-workspace #productTable .profit-number.breakeven { color: #77849a; }
.selection-workspace #productTable .profit-pending { display: block; font-size: 19px; color: #8390a4; margin: 0 0 5px; }
.selection-workspace #productTable td:nth-child(4) > :is(span, small, .muted) { display: block; font-size: 13px; color: #8490a5; }
.selection-workspace #productTable .estimate-note { font-size: 13px; margin: 3px 0 0; line-height: 1.5; color: #8a94a5; }
.selection-workspace #productTable .estimate-note.warning { color: #a77c36; }
.selection-workspace #productTable .expand-button { font-size: 14px; min-height: 26px; gap: 5px; padding: 0; margin: 0 0 3px; color: var(--accent); }
.selection-workspace #productTable .expand-button span { font-size: 13px; color: #929bb0; }
.selection-workspace #productTable td:nth-child(5) > :is(.muted, .next-plan, .text-warning) { display: block; margin: 1px 0; font-size: 13px; line-height: 1.6; color: #8490a5; }
.selection-workspace #productTable td:nth-child(5) > .text-button { font-size: 13px; min-height: 25px; margin: 0; padding: 0; }
.selection-workspace #productTable .selection-shipping-summary { margin: 0; padding: 0; border: 0; background: none; border-radius: 0; gap: 2px 5px; font-size: 13px; }
.selection-workspace #productTable .selection-shipping-summary strong { font-size: 13px; font-weight: 400; color: #526078; }
.selection-workspace #productTable .selection-shipping-summary :is(small, .shipping-warning, .shipping-ok) { font-size: 13px; line-height: 1.6; }
.selection-workspace #productTable td:nth-child(6) > .text-button { font-size: 13px; min-height: 25px; padding: 0; }
.selection-workspace #productTable td:nth-child(7) { font-size: 13px; color: #5b6980; }
.selection-workspace #productTable td:nth-child(7) > :is(span, small, .muted) { display: block; font-size: 13px; color: #8490a5; }
.selection-workspace #productTable td:last-child :is(.text-button, .secondary-button, .selection-row-details) { padding: 0; min-height: 28px; border: 0; background: none; font-size: 13px; color: var(--accent); }
.selection-workspace #productTable .selection-row-menu { height: 26px; width: 26px; min-height: 26px; padding: 0; border: 0; background: transparent; color: #8490a5; border-radius: 5px; }
.selection-workspace #productTable .selection-row-menu:hover { background: #f0edfc; color: var(--accent); }
.selection-workspace #productTable .material-subrow { display: table-row; }
.selection-workspace #productTable .material-subrow > td { display: table-cell; padding: 0; border: 0; }
.selection-workspace .inline-materials { padding: 14px 18px; background: #f9f8fd; border-left: 3px solid #d8cff7; }
.selection-workspace .inline-heading { margin-bottom: 9px; }
.selection-workspace .inline-heading > strong { font-size: 14px; }
.selection-workspace .inline-material-row { padding: 10px 12px; gap: 18px; }
.selection-workspace .inline-material-row :is(.muted, small, span, button) { font-size: 13px; }
.selection-workspace .insight-footer { min-height: 50px; padding: 12px 0 0; border-top: 0; background: #fff; align-items: center; }
.selection-workspace .insight-footer .list-summary { font-size: 13px; color: #8490a5; }
.selection-workspace .workspace-footnote { font-size: 13px; color: #8a94a7; margin-top: 12px; }

/* Selection actions appear only after deliberate selection. */
.selection-workspace .selection-batchbar {
  position: sticky;
  bottom: 18px;
  z-index: 25;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 12px 12px 0;
  padding: 12px 18px;
  border: 1px solid #d9d1f9;
  border-radius: 11px;
  background: #fcfbff;
  box-shadow: 0 8px 30px #43398418;
  color: #5d538c;
  font-size: 13px;
}
.selection-workspace .selection-batchbar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.selection-workspace .selection-batchbar strong { color: var(--accent); }
.selection-workspace .selection-batchbar .text-button { font-size: 13px; min-height: 32px; }
.selection-workspace .selection-batchbar .button { min-height: 34px; padding: 6px 12px; font-size: 13px; }
.selection-workspace .selection-batch-main { width: 100%; }
.selection-workspace .selection-batch-main .selection-batch-spacer { flex: 1 1 20px; }
.selection-workspace .selection-batchbar [data-batch-listing] { min-height: 35px; padding: 7px 13px; border: 1px solid #d8d1f1; border-radius: 7px; background: #fff; color: #7060b0; font-size: 13px; font-weight: 500; line-height: 1.5; box-shadow: none; }
.selection-workspace .selection-batchbar [data-batch-listing]:hover:not(:disabled) { border-color: #bcb0e6; background: #f4efff; }
.selection-workspace .selection-batchbar [data-batch-listing="unlisted"]:not(:disabled),
.selection-workspace .selection-batch-main:has([data-batch-listing="unlisted"]:disabled) [data-batch-listing="listed"]:not(:disabled) { border-color: var(--accent); background: var(--accent); color: #fff; }
.selection-workspace .selection-batchbar [data-batch-listing="unlisted"]:hover:not(:disabled),
.selection-workspace .selection-batch-main:has([data-batch-listing="unlisted"]:disabled) [data-batch-listing="listed"]:hover:not(:disabled) { border-color: var(--accent-hover); background: var(--accent-hover); }
.selection-workspace .selection-batchbar [data-batch-listing]:disabled { opacity: 1; border-color: #e7e3f0; background: #f6f4fa; color: #b7afc9; }
.selection-workspace .selection-batchbar :is([data-batch-select], [data-batch-clear], [data-batch-undo], [data-listing-refresh]) { min-height: 32px; padding: 5px 3px; border: 0; border-radius: 4px; background: transparent; color: #7c6ab0; font-size: 13px; line-height: 1.5; font-weight: 400; box-shadow: none; }
.selection-workspace .selection-batchbar :is([data-batch-select], [data-batch-clear], [data-batch-undo], [data-listing-refresh]):hover:not(:disabled) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.selection-workspace .selection-batchbar [data-batch-clear] { color: #9690a8; }
.selection-workspace .selection-batchbar [data-batch-undo] { color: #8060b8; }
.selection-workspace .selection-batch-feedback { flex: 1 1 100%; margin: 0; padding-top: 7px; border-top: 1px solid #eee8f7; font-size: 13px; line-height: 1.7; color: #728479; }
.selection-workspace .selection-batch-feedback.error { color: #b1636b; }
.selection-workspace .selection-batch-failures { flex: 1 1 100%; font-size: 13px; color: #8a7c9b; }
.selection-workspace .selection-batch-failures > summary { cursor: pointer; padding: 5px 0; }
.selection-workspace .selection-batch-failures ul { margin: 5px 0; padding-left: 20px; line-height: 1.8; }
.selection-workspace .selection-listing-feedback { padding: 10px 13px; border: 1px solid #e0d9f6; border-radius: 7px; margin-bottom: 12px; background: #f7f4ff; font-size: 13px; }
.selection-workspace .selection-listing-feedback button { min-height: 31px; font-size: 13px; padding: 5px 9px; }

/* Filter drawer and one small date selector retain their own controls and labels. */
.selection-workspace #selectionFiltersDialog {
  position: fixed;
  inset: 0 0 0 auto;
  margin: 0;
  height: 100dvh;
  max-height: 100dvh;
  width: min(430px, 100vw);
  max-width: 100vw;
  padding: 0;
  border: 0;
  border-left: 1px solid #e5e7f0;
  border-radius: 14px 0 0 14px;
  box-shadow: -14px 0 60px #27354c20;
}
.selection-workspace #selectionFiltersDialog > :is(form, .selection-filter-layout) { display: flex; flex-direction: column; min-height: 0; height: 100%; }
.selection-workspace #selectionFiltersDialog header { display: flex; align-items: center; justify-content: space-between; padding: 22px 23px 18px; gap: 16px; border-bottom: 1px solid var(--line); }
.selection-workspace #selectionFiltersDialog h2 { margin: 0; font-size: 21px; }
.selection-workspace #selectionFiltersDialog .selection-filter-body { flex: 1; overflow: auto; padding: 20px 23px; min-height: 0; }
.selection-workspace #selectionFiltersDialog :is(.filter-field, .field) { width: 100%; flex: none; margin: 0 0 17px; }
.selection-workspace #selectionFiltersDialog :is(.filter-field, .field) > label { font-size: 13px; font-weight: 500; margin-bottom: 7px; color: #5b6980; }
.selection-workspace #selectionFiltersDialog :is(select, input:not([type="checkbox"])) { width: 100%; min-height: 40px; font-size: 14px; }
.selection-workspace #selectionFiltersDialog .date-range input { max-width: calc((100% - 29px) / 2); }
.selection-workspace #selectionFiltersDialog .work-filters { padding: 0; background: none; border: 0; display: block; }
.selection-workspace #selectionFiltersDialog .filter-shortcuts { gap: 6px; margin: -5px 0 16px; }
.selection-workspace #selectionFiltersDialog .filter-shortcuts button { font-size: 13px; min-height: 32px; padding: 5px 8px; }
.selection-workspace #selectionFiltersDialog footer { display: flex; justify-content: flex-end; gap: 9px; padding: 17px 23px; border-top: 1px solid var(--line); background: #fff; margin-top: auto; }
.selection-workspace #selectionDateDialog {
  position: fixed;
  inset: auto;
  margin: 0;
  width: min(330px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  max-height: calc(100dvh - 28px);
  overflow: auto;
  padding: 9px;
  border: 1px solid #e1ddef;
  border-radius: 10px;
  box-shadow: 0 12px 40px #2e245324;
  background: #fff;
}
.selection-workspace #selectionDateDialog::backdrop { background: transparent; backdrop-filter: none; }
.selection-workspace #selectionDateDialog h2 { font-size: 14px; color: #64718b; margin: 5px 8px 9px; font-weight: 500; }
.selection-workspace #selectionDateDialog [data-date-shortcut] { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 36px; padding: 8px 11px; margin: 1px 0; border: 0; background: #fff; border-radius: 6px; color: #536178; font-size: 13px; text-align: left; }
.selection-workspace #selectionDateDialog [data-date-shortcut]:hover { color: var(--accent); background: #f7f5ff; }
.selection-workspace #selectionDateDialog [data-date-shortcut]:is(.active, [aria-pressed="true"]) { color: var(--accent); background: #f0ebff; font-weight: 600; }
.selection-workspace #selectionDateDialog .selection-custom-date { margin: 8px 4px 0; padding: 12px 4px 4px; border-top: 1px solid var(--line-light); }
.selection-workspace #selectionDateDialog :is(label, p, small) { font-size: 13px; color: #7a879d; }
.selection-workspace #selectionDateDialog .date-range { margin-top: 7px; }
.selection-workspace #selectionDateDialog input { width: 100%; min-height: 36px; padding: 7px; font-size: 13px; }
.selection-workspace #selectionDateDialog footer { display: flex; align-items: center; justify-content: flex-end; gap: 7px; padding: 8px 3px 2px; }
.selection-workspace #selectionDateDialog footer button { min-height: 32px; padding: 5px 10px; font-size: 13px; }

/* Product editor becomes a right-hand workspace rather than a large blocking sheet. */
.selection-workspace dialog::backdrop { background: #27334b3b; backdrop-filter: blur(1px); }
.selection-workspace .product-dialog {
  position: fixed;
  inset: 0 0 0 auto;
  margin: 0;
  width: min(1080px, calc(100vw - 72px));
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  border: 0;
  border-left: 1px solid #e4e7f0;
  border-radius: 15px 0 0 15px;
  box-shadow: -18px 0 70px #26334f2b;
  overflow: hidden;
}
.selection-workspace .dialog-header { padding: 21px 26px 17px; border-bottom: 0; align-items: center; gap: 16px; }
.selection-workspace .dialog-header h2 { margin: 0 0 4px; font-size: 23px; line-height: 1.4; }
.selection-workspace .dialog-header .eyebrow { font-size: 13px; color: #8893a7; margin-bottom: 4px; }
.selection-workspace .dialog-meta { font-size: 13px; color: #7a879d; }
.selection-workspace .icon-button { width: 34px; height: 34px; min-width: 34px; min-height: 34px; border-radius: 8px; font-size: 23px; color: #8490a6; background: #f4f6fa; }
.selection-workspace :is(.dialog-tabs, .selection-form-panel-tabs) { display: flex; align-items: center; gap: 24px; min-height: 50px; padding: 0 26px; border-bottom: 1px solid var(--line); background: #fff; }
.selection-workspace :is(.dialog-tabs, .selection-form-panel-tabs) > button { min-height: 50px; padding: 12px 0; border: 0; border-radius: 0; background: transparent; color: #7b869b; font-size: 15px; line-height: 1.5; font-weight: 500; box-shadow: none; white-space: nowrap; }
.selection-workspace :is(.dialog-tabs, .selection-form-panel-tabs) > button:is(.active, [aria-selected="true"]) { color: var(--accent); font-weight: 600; box-shadow: inset 0 -2px var(--accent); }
.selection-workspace .edit-notice { margin-left: auto; font-size: 13px; color: #a37c38; white-space: nowrap; }
.selection-workspace .dialog-scroll { scroll-padding-top: 20px; background: #fff; }
.selection-workspace .product-panel { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 22px; padding: 24px 26px 28px; }
.selection-workspace #fulfillmentPanel { padding: 24px 26px 30px; min-width: 0; }
.selection-workspace #fulfillmentPanel .form-section:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.selection-workspace .form-section + .form-section { margin-top: 22px; padding-top: 21px; }
.selection-workspace .section-heading { margin-bottom: 13px; align-items: center; gap: 12px; }
.selection-workspace .section-heading h3 { font-size: 17px; }
.selection-workspace .section-heading .subtle { font-size: 13px; }
.selection-workspace .product-basics { grid-template-columns: 105px minmax(0, 1fr); gap: 18px; }
.selection-workspace .image-preview { height: 112px; border-radius: 8px; border-color: #e5e9f1; background: #f8f9fc; }
.selection-workspace .image-area .paste-button { font-size: 13px; min-height: 34px; padding: 6px 4px; margin-top: 7px; border-radius: 6px; }
.selection-workspace .image-area .field-note { font-size: 13px; line-height: 1.7; }
.selection-workspace .field { margin-bottom: 15px; }
.selection-workspace .field > label { font-size: 13px; min-height: 20px; margin-bottom: 6px; color: #5d6b82; font-weight: 500; }
.selection-workspace .field :is(input, select, textarea) { min-height: 41px; padding: 8px 10px; border: 1px solid #dfe4ee; border-radius: 7px; font-size: 14px; line-height: 1.55; color: #35455e; }
.selection-workspace .field :is(input[type="date"], input[type="datetime-local"]) { min-height: 41px; }
.selection-workspace .field :is(input, textarea)::placeholder { font-size: 13px; color: #99a2b3; }
.selection-workspace .field :is(small, .field-note) { font-size: 13px; color: #8791a4; line-height: 1.65; }
.selection-workspace :is(.unit, .optional) { font-size: 13px; color: #8c96a9; }
.selection-workspace .field-grid.two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 15px; }
.selection-workspace .basic-fields > .field-grid .field { margin-bottom: 14px; }
.selection-workspace .input-affix { border-color: #dfe4ee; border-radius: 7px; }
.selection-workspace .input-affix > span { font-size: 14px; padding-left: 10px; }
.selection-workspace .input-affix input { border: 0; padding-left: 6px; }
.selection-workspace .section-note { font-size: 13px; margin: -2px 0 15px; line-height: 1.75; }
.selection-workspace .pricing-adjustments { margin: 17px 0 14px; padding: 14px 15px; border-color: #e8e3f8; border-radius: 9px; background: #faf8ff; }
.selection-workspace .pricing-adjustments .field-note { font-size: 13px; }
.selection-workspace .pricing-adjustments > .field { margin-bottom: 13px; }
.selection-workspace .form-details { border: 1px solid #e8eaf2; border-radius: 8px; background: #fff; }
.selection-workspace .form-details > summary { padding: 11px 13px; min-height: 43px; font-size: 13px; }
.selection-workspace .form-details > summary span { font-size: 13px; }
.selection-workspace .form-details > summary::after { font-size: 18px; }
.selection-workspace .details-content { padding: 14px 13px 2px; }
.selection-workspace .form-errors { max-height: 160px; margin: 12px 26px 0; font-size: 13px; padding: 11px 13px; }
.selection-workspace .dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 26px; border-top: 1px solid var(--line); background: #fff; box-shadow: 0 -4px 15px #25375503; }
.selection-workspace .dialog-footer > p { font-size: 13px; color: #8390a4; }
.selection-workspace .dialog-footer .button { min-height: 39px; font-size: 13px; padding: 8px 15px; }

/* Profit explanations are supplementary; the amount remains legible by itself. */
.selection-workspace .profit-preview { position: sticky; top: 0; width: 100%; min-width: 0; padding: 17px 15px; background: #faf9ff; border: 1px solid #e8e3f8; border-radius: 11px; }
.selection-workspace .profit-preview-heading { display: flex; align-items: start; justify-content: space-between; gap: 8px; margin-bottom: 12px; color: #626f87; font-size: 13px; }
.selection-workspace .profit-preview-heading small { color: #9098aa; font-size: 13px; }
.selection-workspace .profit-hero { color: var(--positive); font-size: 32px; line-height: 1.35; }
.selection-workspace .profit-preview > p { margin: 7px 0; font-size: 13px; line-height: 1.75; color: #8390a4; }
.selection-workspace .profit-pricing { margin: 13px 0; padding: 10px; border: 1px solid #e6e1f3; border-radius: 7px; font-size: 13px; gap: 7px; }
.selection-workspace .profit-pricing strong { font-size: 13px; }
.selection-workspace .cost-warning { margin: 12px 0; padding: 10px 11px; border: 1px solid #f0e1bf; border-radius: 7px; background: #fff8e9; }
.selection-workspace .cost-warning strong { font-size: 13px; color: #a27a35; }
.selection-workspace .profit-preview .cost-warning p { font-size: 13px; line-height: 1.8; color: #aa8b58; }
.selection-workspace .profit-preview .calculation-list { display: block; margin-top: 14px; padding-top: 8px; border-top: 1px solid #e6e1f2; }
.selection-workspace .calculation-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 8px 0; color: #77869c; font-size: 13px; line-height: 1.65; }
.selection-workspace .calculation-row > strong { color: #54627b; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.selection-workspace .profit-explain-trigger {
  display: inline;
  min-height: 0;
  padding: 1px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px dotted #b4abc9;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  font-variant-numeric: tabular-nums;
  cursor: help;
  box-shadow: none;
  text-decoration: none;
}
.selection-workspace .profit-explain-trigger:is(:hover, [aria-expanded="true"]) { color: var(--accent); border-bottom-color: var(--accent); background: #f2edff; }
.selection-workspace .profit-explain-trigger:focus-visible { outline-width: 2px; outline-offset: 3px; border-bottom-color: transparent; }
.selection-workspace .profit-explain-card {
  position: fixed;
  inset: auto;
  z-index: 1200;
  margin: 0;
  width: min(385px, calc(100vw - 28px));
  min-width: 0;
  max-width: calc(100vw - 28px);
  max-height: min(620px, calc(100dvh - 28px));
  overflow: auto;
  padding: 17px 18px;
  border: 1px solid #e5dff4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 13px 44px #2e254a26;
  color: #516079;
  font-size: 13px;
  line-height: 1.75;
}
.selection-workspace .profit-explain-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #ede9f6; }
.selection-workspace .profit-explain-card :is(h3, h4) { margin: 0; color: #35435c; font-size: 15px; }
.selection-workspace .profit-explain-card p { margin: 8px 0; font-size: 13px; line-height: 1.75; color: #738097; }
.selection-workspace .profit-explain-card strong { color: #465473; font-weight: 600; }
.selection-workspace .profit-explain-card .profit-explain-formula { padding: 10px 11px; background: #f7f4ff; border: 1px solid #eee8fb; border-radius: 7px; margin: 10px 0; color: #635697; overflow-wrap: anywhere; }
.selection-workspace .profit-explain-card :is(.profit-explain-source, .profit-explain-note) { color: #8a94a6; font-size: 13px; }
.selection-workspace .profit-explain-card .icon-button { min-width: 27px; width: 27px; height: 27px; min-height: 27px; font-size: 18px; }
.selection-workspace .profit-explain-card::backdrop { background: transparent; }
.selection-workspace .formula-details { font-size: 13px; margin-top: 14px; padding-top: 12px; }
.selection-workspace .formula-details summary { font-size: 13px; }
.selection-workspace .formula-details p { font-size: 13px; line-height: 1.8; }
.selection-workspace .profit-cost-table { width: 100%; min-width: 0; table-layout: auto; border-collapse: collapse; font-size: 13px; margin-top: 11px; }
.selection-workspace .profit-cost-table :is(th, td) { padding: 7px 4px; height: auto; border: 0; border-bottom: 1px solid #eeeaf5; background: transparent; font-size: 13px; color: #718098; text-align: right; }
.selection-workspace .profit-cost-table :is(th, td):first-child { padding-left: 0; text-align: left; }
.selection-workspace .profit-cost-table th { font-weight: 500; color: #8d96a8; }
.selection-workspace .profit-cost-table td:last-child { color: var(--accent); font-variant-numeric: tabular-nums; }
.selection-workspace .profit-cost-table .profit-cost-bar { display: block; height: 4px; margin-top: 5px; border-radius: 4px; background: #eeeaf9; overflow: hidden; }
.selection-workspace .profit-cost-table .profit-cost-bar > span { display: block; height: 100%; max-width: 100%; border-radius: 4px; background: #9c8ee2; }

/* Materials, scheduling and statistics share the same clear rhythm. */
.selection-workspace .materials-panel { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 100%; }
.selection-workspace .material-library-panel { padding: 20px 15px; background: #fafbfe; border-right: 1px solid var(--line); }
.selection-workspace .material-library-panel .section-heading { flex-wrap: wrap; gap: 9px; }
.selection-workspace .material-library-panel h3 { font-size: 16px; }
.selection-workspace .material-library { gap: 9px; }
.selection-workspace .material-list-item { padding: 12px; border-color: #e6e8f1; border-radius: 8px; background: #fff; }
.selection-workspace .material-list-item.active { border-color: #d8cff5; background: #f4f0ff; box-shadow: inset 3px 0 var(--accent); }
.selection-workspace .material-list-item strong { font-size: 14px; line-height: 1.6; color: #55627b; }
.selection-workspace .material-list-item > :is(span, small) { font-size: 13px; line-height: 1.7; margin-top: 4px; color: #8590a4; }
.selection-workspace .material-editor { min-width: 0; padding: 22px 24px 28px; }
.selection-workspace .material-editor-heading { margin-bottom: 17px; }
.selection-workspace .material-editor-heading h3 { font-size: 19px; }
.selection-workspace .material-editor-heading .muted { font-size: 13px; }
.selection-workspace .material-source-section { padding-bottom: 17px; }
.selection-workspace .publication-section { margin-top: 20px; padding-top: 0; }
.selection-workspace .publication-section h3 { font-size: 18px; }
.selection-workspace .publication-section .field-note { font-size: 13px; }
.selection-workspace .country-picker { margin: 0; padding: 13px 0; gap: 7px; }
.selection-workspace .country-toggle { min-height: 34px; padding: 6px 11px; border-color: #e3def5; border-radius: 7px; font-size: 13px; color: #7766b5; background: #f8f6ff; }
.selection-workspace .publication-row { margin: 0 0 15px; padding: 0 17px 17px; border: 1px solid #e4e5ee; border-radius: 10px; background: #fff; box-shadow: none; }
.selection-workspace .publication-row > header { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 -17px 16px; padding: 13px 17px; border-bottom: 1px solid #ece8f6; background: #f8f6fe; }
.selection-workspace .publication-row > header > div { min-width: 130px; }
.selection-workspace .publication-row > header strong { font-size: 17px; }
.selection-workspace .publication-row > header small { font-size: 13px; }
.selection-workspace .publication-row > header :is(.muted, .text-button, button) { min-height: 28px; font-size: 13px; }
.selection-workspace .task-number { font-size: 13px; letter-spacing: .06em; }
.selection-workspace .task-workflow { padding-bottom: 13px; margin-bottom: 14px; }
.selection-workspace .task-workflow .field-grid { gap: 0 14px; }
.selection-workspace .task-workflow label { font-size: 13px; }
.selection-workspace .task-workflow :is(input, select) { min-height: 39px; font-size: 13px; }
.selection-workspace .task-workflow .field-note { font-size: 13px; margin-top: 3px; }
.selection-workspace .system-time { font-size: 13px; padding: 6px 8px; border-color: #e6e5f0; background: #fafaff; }
.selection-workspace .publication-actions { flex-wrap: wrap; gap: 10px; }
.selection-workspace .publication-actions :is(.text-button, .secondary-button) { min-height: 31px; padding: 5px 8px; font-size: 13px; }
.selection-workspace .local-time { font-size: 13px; }
.selection-workspace .legacy-workflow { padding: 11px 13px; margin: 16px 0; font-size: 13px; }
.selection-workspace .legacy-source-copy { padding: 10px 12px; font-size: 13px; }
.selection-workspace .legacy-copy { font-size: 13px; }
.selection-workspace .exposure-editor { margin-top: 16px; padding: 13px; border-color: #e2ece8; background: #f8fcfa; border-radius: 8px; }
.selection-workspace .exposure-heading h4 { font-size: 14px; }
.selection-workspace .exposure-heading > span { font-size: 13px; }
.selection-workspace .exposure-fields { gap: 10px; }
.selection-workspace :is(.exposure-note, .exposure-existing) { font-size: 13px; }
.selection-workspace .insight-table { font-size: 13px; min-width: 0; }
.selection-workspace .insight-table th { background: #f6f8fc; padding: 10px 13px; font-size: 13px; color: #8190a7; }
.selection-workspace .insight-table td { padding: 14px 13px; font-size: 13px; color: #63718a; }
.selection-workspace .library-material-name .resource-row a { font-size: 14px; }
.selection-workspace :is(.parent-product, .cell-subline, .data-partial) { font-size: 13px; color: #8b95a8; }
.selection-workspace .schedule-list { padding: 0; }
.selection-workspace .schedule-card { padding: 15px 10px; gap: 16px; grid-template-columns: minmax(200px, 1fr) 100px 200px 145px; border-bottom-color: #edf0f6; }
.selection-workspace .schedule-product .product-name { font-size: 15px; }
.selection-workspace .schedule-product > img { width: 43px; height: 51px; }
.selection-workspace .schedule-country strong { font-size: 14px; }
.selection-workspace .schedule-time > strong { font-size: 15px; }
.selection-workspace :is(.schedule-time, .schedule-time > .muted, .schedule-product .muted) { font-size: 13px; }
.selection-workspace .schedule-actions .secondary-button { min-height: 33px; font-size: 13px; }
.selection-workspace .stats-kpis { padding: 18px 0; gap: 0; border-bottom: 1px solid #edf0f6; }
.selection-workspace .stats-kpis > article { padding: 0 20px; }
.selection-workspace .stats-kpis > article:first-child { padding-left: 0; }
.selection-workspace .stats-kpis > article > span { font-size: 13px; }
.selection-workspace .stats-kpis :is(strong, .count-link, .zero-count) { font-size: 29px; }
.selection-workspace .stats-kpis > article > small { font-size: 13px; color: #8d98a9; }
.selection-workspace .stats-scope-note { padding: 13px 0; font-size: 13px; }
.selection-workspace .stats-table-heading { padding: 12px 0; }
.selection-workspace .stats-table-heading > span { font-size: 13px; }
.selection-workspace .stats-group-tabs button { font-size: 13px; min-height: 33px; padding: 6px 12px; }
.selection-workspace .stats-drill-notice { padding: 10px 12px; border: 1px solid #e5ddfa; border-radius: 7px; font-size: 13px; margin-bottom: 12px; }
.selection-workspace .status-badge { font-size: 13px; min-height: 22px; padding: 3px 7px; border-radius: 5px; }
.selection-workspace .resource-row { min-height: 30px; margin: 2px 0; }
.selection-workspace .resource-row a { font-size: 13px; }
.selection-workspace .copy-button { min-height: 29px; font-size: 13px; padding: 4px 7px; }

/* Existing source/warehouse settings use the same form language. */
.selection-workspace .selection-shipping-dialog { width: min(780px, calc(100vw - 40px)); padding: 23px; border-radius: 12px; max-height: calc(100dvh - 40px); }
.selection-workspace .selection-shipping-dialog form { gap: 17px; }
.selection-workspace .selection-shipping-dialog h2 { font-size: 21px; }
.selection-workspace #shippingContents { gap: 15px; }
.selection-workspace #shippingContents > label { font-size: 13px; color: #5d6c83; }
.selection-workspace #shippingContents :is(input, select) { min-height: 41px; padding: 8px 10px; border-radius: 7px; border-color: #dfe5ee; font-size: 14px; }
.selection-workspace #shippingContents input[type="checkbox"] { width: 17px; height: 17px; min-height: 17px; padding: 0; }
.selection-workspace .warehouse-editor-row { padding: 15px; border-color: #e7e8f1; background: #fafaff; border-radius: 9px; gap: 13px; }
.selection-workspace .warehouse-editor-row > label { font-size: 13px; }
.selection-workspace .warehouse-editor-row > small { font-size: 13px; color: #8c96a9; }
.selection-workspace .shipping-recommendations button { min-height: 32px; padding: 6px 10px; font-size: 13px; background: #f5f1ff; border-color: #e3dafb; color: #7660b9; }
.selection-workspace .shipping-recommendations > small { font-size: 13px; }
.selection-workspace .shipping-product-section .field > select { min-height: 41px; font-size: 14px; padding: 8px 10px; border-color: #dfe4ee; }
.selection-workspace .shipping-discard { padding: 12px; font-size: 13px; }
.selection-workspace .toast { top: 18px; right: 20px; border-radius: 9px; border-color: #e1ddef; box-shadow: 0 6px 24px #33234e16; font-size: 13px; padding: 11px 15px; color: #58677d; }

/* Real V6 markup: compact source actions, native row menus and complete calculation cards. */
.selection-workspace .selection-compact-toolbar #selectionResultFilter { width: 145px; min-width: 0; padding-right: 24px; }
.selection-workspace .selection-compact-toolbar #workflowFilters { display: contents; }
.selection-workspace .selection-compact-toolbar #workflowFilters > label { display: block; min-width: 0; width: auto; font-size: 0; line-height: 0; margin: 0; }
.selection-workspace .selection-compact-toolbar #workflowStatus { width: 140px; min-width: 0; margin: 0; padding-right: 24px; font-size: 13px; line-height: 1.4; }
.selection-workspace #selectionPageCheck { width: 17px; height: 17px; min-height: 17px; margin: 0; padding: 0; accent-color: var(--accent); vertical-align: middle; cursor: pointer; }
.selection-workspace #productTable .product-meta-line { display: flex; align-items: center; flex-wrap: wrap; gap: 1px 5px; color: #8490a5; font-size: 13px; line-height: 1.6; }
.selection-workspace #productTable .product-meta-line > span:first-child { overflow-wrap: anywhere; }
.selection-workspace #productTable .product-meta-line .selection-listing-meta { margin: 0; }
.selection-workspace #productTable .product-meta-line .selection-tabcut-actions { margin: 0; gap: 3px; }
.selection-workspace #productTable .procurement-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; margin-top: 2px; }
.selection-workspace #productTable .procurement-price .muted { font-size: 13px; color: #8792a7; line-height: 1.5; }
.selection-workspace #productTable .procurement-price > strong { color: #3d4b64; font-size: 15px; font-weight: 550; line-height: 1.5; font-variant-numeric: tabular-nums; white-space: nowrap; }
.selection-workspace #productTable button.profit-number { min-height: 0; padding: 0; border: 0; font-weight: 650; text-align: left; text-decoration: none; }
.selection-workspace #productTable button.profit-number:hover { text-decoration: underline dotted; text-underline-offset: 4px; }
.selection-workspace #productTable .col-owner > strong { color: #546178; font-size: 13px; font-weight: 400; overflow-wrap: anywhere; }
.selection-workspace #productTable .selection-row-menu { position: relative; display: inline-block; width: 25px; height: 26px; margin: 0 0 0 3px; padding: 0; border: 0; background: transparent; color: #8490a5; vertical-align: middle; }
.selection-workspace #productTable .selection-row-menu > summary { display: grid; place-items: center; width: 25px; min-height: 26px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #8490a5; font-size: 19px; font-weight: 650; line-height: 1; list-style: none; cursor: pointer; }
.selection-workspace #productTable .selection-row-menu > summary::-webkit-details-marker { display: none; }
.selection-workspace #productTable .selection-row-menu > summary::marker { content: ""; }
.selection-workspace #productTable .selection-row-menu:is([open], :hover) > summary { color: var(--accent); background: #f0ecfb; }
.selection-workspace #productTable .selection-row-menu > div { position: absolute; right: 0; bottom: calc(100% + 6px); top: auto; z-index: 35; display: flex; flex-direction: column; align-items: stretch; gap: 2px; min-width: 142px; width: max-content; max-width: 220px; padding: 6px; border: 1px solid #e4deef; border-radius: 8px; background: #fff; box-shadow: 0 8px 26px #342a4d21; text-align: left; }
.selection-workspace #productTable .product-row:first-child .selection-row-menu > div { top: calc(100% + 6px); bottom: auto; }
.selection-workspace #productTable .selection-row-menu > div > button { width: 100%; min-height: 33px; padding: 7px 10px; margin: 0; border: 0; border-radius: 5px; background: transparent; color: #64718b; font-size: 13px; font-weight: 400; line-height: 1.5; text-align: left; white-space: nowrap; }
.selection-workspace #productTable .selection-row-menu > div > button:hover:not(:disabled) { color: var(--accent); background: #f6f2ff; }
.selection-workspace #productTable .selection-row-menu > div > button[data-listing-status="unlisted"] { color: #b2646c; }
.selection-workspace #productTable .selection-row-menu > div > button[data-listing-status="listed"] { color: #34816b; }

.selection-workspace #selectionDateDialog > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 8px 9px; margin-bottom: 5px; border-bottom: 1px solid #f0edf7; }
.selection-workspace #selectionDateDialog > header h3 { margin: 0; color: #66728a; font-size: 13px; font-weight: 500; }
.selection-workspace #selectionDateDialog > header button { display: grid; place-items: center; width: 26px; min-width: 26px; height: 26px; min-height: 26px; padding: 0; border: 0; border-radius: 5px; background: #f6f5fa; color: #8892a6; font-size: 20px; line-height: 1; }
.selection-workspace #selectionDateDialog .selection-date-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 1px 4px 3px; }
.selection-workspace #selectionDateDialog [data-date-preset] { display: flex; align-items: center; justify-content: center; min-height: 34px; width: 100%; padding: 7px 9px; border: 1px solid #ece8f5; border-radius: 6px; background: #fff; color: #6f7c91; font-size: 13px; text-align: center; }
.selection-workspace #selectionDateDialog [data-date-preset]:hover { background: #f6f2ff; color: var(--accent); border-color: #ded5f5; }
.selection-workspace #selectionDateDialog [data-date-preset]:is(.active, [aria-pressed="true"]) { background: #f0eaff; color: var(--accent); border-color: #d8cdf6; font-weight: 600; }
.selection-workspace #selectionDateDialog .selection-custom-date { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; margin: 9px 4px 0; padding: 13px 4px 3px; }
.selection-workspace #selectionDateDialog .selection-custom-date > strong { grid-column: 1 / -1; font-size: 13px; color: #6e7a90; font-weight: 500; }
.selection-workspace #selectionDateDialog .selection-custom-date > label { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: #8a94a7; font-size: 13px; }
.selection-workspace #selectionDateDialog .selection-custom-date input { min-width: 0; min-height: 36px; max-width: 100%; padding: 6px; font-size: 13px; }
.selection-workspace #selectionDateDialog .selection-custom-date > #selectionDateError { grid-column: 1 / -1; margin: 0; padding: 7px 9px; border-radius: 5px; background: #fff5e8; color: #a27a34; font-size: 13px; line-height: 1.6; }
.selection-workspace #selectionDateDialog #applySelectionDate { grid-column: 1 / -1; min-height: 34px; width: 100%; margin-top: 2px; padding: 6px 11px; border-radius: 6px; font-size: 13px; }
.selection-workspace #selectionFiltersDialog[open] { display: flex; flex-direction: column; }
.selection-workspace #selectionFiltersDialog > header { flex: none; }
.selection-workspace #selectionFiltersDialog > header small { display: block; margin-bottom: 4px; font-size: 13px; color: #929bae; }
.selection-workspace #selectionFiltersDialog > header > button { display: grid; place-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 7px; background: #f6f5fa; color: #8893a6; font-size: 23px; line-height: 1; }
.selection-workspace #selectionFiltersDialog .selection-filter-body > label.field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; font-size: 13px; color: #66748b; font-weight: 500; }
.selection-workspace #selectionFiltersDialog .selection-filter-body :is(input, select) { font-weight: 400; }
.selection-workspace #selectionFiltersDialog .selection-filter-body .field-note { margin: 17px 0 0; color: #8a95a6; font-size: 13px; line-height: 1.8; }
.selection-workspace #selectionFiltersDialog #workflowOwnerSlot > label { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; color: #66748b; font-size: 13px; font-weight: 500; }
.selection-workspace #selectionFiltersDialog > footer { flex: none; }
.selection-workspace #selectionFiltersDialog > footer .primary-button { min-width: 105px; min-height: 37px; font-size: 13px; }

.selection-workspace .profit-explain-card > strong { display: block; margin: 0 0 11px; padding-bottom: 10px; border-bottom: 1px solid #eee9f7; color: #35435c; font-size: 15px; line-height: 1.5; }
.selection-workspace .profit-explain-card > span { display: block; font-weight: 400; white-space: normal; }
.selection-workspace .profit-explain-card .profit-explain-formula { font-size: 13px; line-height: 1.85; }
.selection-workspace .profit-explain-card .profit-explain-substitution { margin: 11px 0; color: #596981; font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; }
.selection-workspace .profit-explain-card .profit-explain-source { margin-top: 12px; padding-top: 10px; border-top: 1px solid #f0ecf7; }
.selection-workspace .profit-explain-card .profit-explain-note { margin-top: 7px; line-height: 1.75; }
.selection-workspace .profit-details-v6 { min-width: 0; }
.selection-workspace .profit-explain-help { margin: 13px 0 7px; color: #8c96aa; font-size: 13px; line-height: 1.75; }
.selection-workspace :is(.profit-estimate-warning, .profit-return-warning) { margin: 10px 0; padding: 9px 10px; border: 1px solid #f0e3c6; border-radius: 6px; background: #fff9ed; color: #a2834f; font-size: 13px; line-height: 1.8; }
.selection-workspace .profit-explanations-incomplete { padding: 12px 0; font-size: 13px; }
.selection-workspace .profit-explanations-incomplete > strong { color: #7e8ca1; font-size: 21px; }
.selection-workspace .profit-explanations-incomplete p { margin: 8px 0; font-size: 13px; color: #8894a7; line-height: 1.8; }
.selection-workspace .profit-detail-row .profit-pending,
.selection-workspace .profit-cost-row .profit-pending { display: inline; margin-left: 5px; color: #b19667; font-size: 13px; font-weight: 400; line-height: inherit; }
.selection-workspace .profit-detail-total { margin-top: 12px; padding-top: 11px; border-top: 1px solid #e7e2f2; font-weight: 550; }
.selection-workspace .profit-detail-result { padding-top: 4px; color: #60758a; }
.selection-workspace .profit-detail-result > strong { font-size: 14px; color: #2c836e; font-weight: 650; }
.selection-workspace .profit-pricing-explanations { padding-top: 12px; margin-top: 14px; border-top: 1px solid #e7e1f2; }
.selection-workspace :is(.profit-pricing-explanations, .profit-cost-composition) > summary { position: relative; padding: 5px 17px 5px 0; color: #65738a; font-size: 13px; font-weight: 600; list-style: none; cursor: pointer; }
.selection-workspace :is(.profit-pricing-explanations, .profit-cost-composition) > summary::-webkit-details-marker { display: none; }
.selection-workspace :is(.profit-pricing-explanations, .profit-cost-composition) > summary::after { content: "⌄"; position: absolute; right: 0; top: 4px; color: #9a8dbf; font-size: 14px; font-weight: 400; }
.selection-workspace :is(.profit-pricing-explanations, .profit-cost-composition)[open] > summary::after { content: "⌃"; }
.selection-workspace .profit-cost-composition { margin-top: 13px; padding-top: 12px; border-top: 1px solid #e7e1f2; }
.selection-workspace .profit-cost-composition > p { margin: 7px 0 10px; font-size: 13px; color: #8490a4; line-height: 1.8; }
.selection-workspace .profit-cost-head { display: grid; grid-template-columns: minmax(0, 1fr) 63px 56px; align-items: baseline; gap: 7px; padding: 7px 0; border-bottom: 1px solid #eee9f7; color: #8792a6; font-size: 13px; }
.selection-workspace .profit-cost-head > span:not(:first-child) { text-align: right; }
.selection-workspace .profit-cost-row { display: grid; grid-template-columns: minmax(0, 1fr) 63px 56px; align-items: baseline; gap: 4px 7px; padding: 9px 0; border-bottom: 1px solid #f0ecf7; color: #6f7d94; font-size: 13px; line-height: 1.65; }
.selection-workspace .profit-cost-row > strong { color: #617089; font-size: 13px; font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
.selection-workspace .profit-cost-share { color: #8774b7; text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; }
.selection-workspace .profit-cost-track { display: block; grid-column: 1 / -1; width: 100%; height: 4px; overflow: hidden; border-radius: 4px; background: #eeeaf7; }
.selection-workspace .profit-cost-track > i { display: block; height: 100%; min-width: 0; max-width: 100%; border-radius: 4px; background: #ac9bdf; }
.selection-workspace .profit-cost-pending { color: #9d9482; }
.selection-workspace .profit-cost-pending .profit-cost-track > i { background: #d0c3aa; }
.selection-workspace .profit-rounding-note { margin: 12px 0 0; font-size: 13px; color: #8893a7; line-height: 1.8; }

@media (min-width: 1600px) {
  .selection-workspace #productTable .product-row > td { padding-top: 14px; padding-bottom: 14px; }
  .selection-workspace #productTable .product-identity > :is(img, .image-placeholder) { width: 53px; height: 62px; }
}
@media (max-width: 1250px) {
  .selection-workspace .selection-module-bar { gap: 12px; }
  .selection-workspace .selection-module-bar .view-tabs button { padding-inline: 13px; font-size: 19px; }
  .selection-workspace .selection-module-bar .search-field { max-width: 31%; }
  .selection-workspace .selection-compact-toolbar { gap: 7px; }
  .selection-workspace .selection-compact-toolbar :is(#personFilter, #profitFilter) { width: 118px; }
  .selection-workspace .selection-compact-toolbar #shippingWarehouseFilter { width: 130px; }
  .selection-workspace .selection-compact-toolbar #selectionDateTrigger { min-width: 140px; }
  .selection-workspace .rules-bar { gap: 5px 14px; }
}
@media (max-width: 1100px) {
  .selection-workspace .selection-module-bar { flex-wrap: wrap; }
  .selection-workspace .selection-module-bar .view-tabs { flex: 1 1 100%; }
  .selection-workspace .selection-module-bar .search-field { flex: 1 1 100%; width: 100%; max-width: 100%; }
  .selection-workspace .product-panel { grid-template-columns: minmax(0, 1fr) 275px; gap: 19px; }
  .selection-workspace .schedule-card { grid-template-columns: minmax(170px, 1fr) 90px 180px 130px; gap: 12px; }
  .selection-workspace .materials-panel { grid-template-columns: 205px minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .selection-workspace .product-dialog { width: min(900px, calc(100vw - 24px)); }
  .selection-workspace .product-panel { grid-template-columns: minmax(0, 1fr); display: grid; }
  .selection-workspace .profit-preview { position: static; width: 100%; }
  .selection-workspace .profit-preview .calculation-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 25px; }
  .selection-workspace .profit-preview .calculation-row { font-size: 13px; }
  .selection-workspace .table-scroll { overflow: visible; }
  .selection-workspace #productTable { display: block; min-width: 0; width: 100%; max-width: 100%; table-layout: auto; }
  .selection-workspace #productTable :is(colgroup, thead) { display: none; }
  .selection-workspace #productTable tbody { display: block; width: 100%; }
  .selection-workspace #productTable .product-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(0, 1fr); gap: 13px 15px; padding: 17px 10px; border: 1px solid #e7e9f2; border-radius: 9px; margin-bottom: 10px; }
  .selection-workspace #productTable .product-row > td,
  .selection-workspace #productTable .product-row > td:nth-child(n) { display: block; padding: 0; margin: 0; border: 0; min-width: 0; width: auto; height: auto; grid-column: auto; grid-row: auto; }
  .selection-workspace #productTable .product-row > td:nth-child(1) { grid-column: 1; grid-row: 1 / span 4; padding-top: 3px; }
  .selection-workspace #productTable .product-row > td:nth-child(2) { grid-column: 2 / -1; grid-row: 1; }
  .selection-workspace #productTable .product-row > td:nth-child(3) { grid-column: 2; grid-row: 2; }
  .selection-workspace #productTable .product-row > td:nth-child(4) { grid-column: 3; grid-row: 2; }
  .selection-workspace #productTable .product-row > td:nth-child(5) { grid-column: 2; grid-row: 3; }
  .selection-workspace #productTable .product-row > td:nth-child(6) { grid-column: 3; grid-row: 3; }
  .selection-workspace #productTable .product-row > td:nth-child(7) { grid-column: 2; grid-row: 4; padding-top: 5px; }
  .selection-workspace #productTable .product-row > td:nth-child(8) { grid-column: 3; grid-row: 4; padding-top: 5px; text-align: right; }
  .selection-workspace #productTable .product-row > td:nth-child(2) > .muted { margin: 0; display: block; }
  .selection-workspace #productTable .product-row > td:nth-child(3) > .muted { display: block; }
  .selection-workspace #productTable .product-row > td:nth-child(3) > .muted:last-of-type { display: inline; }
  .selection-workspace #productTable .material-subrow { display: block; }
  .selection-workspace #productTable .material-subrow > td { display: block; padding: 0; width: 100%; }
  .selection-workspace #productTable .product-identity > :is(img, .image-placeholder) { width: 49px; height: 56px; }
  .selection-workspace .inline-materials { margin: 0 0 12px; border-radius: 7px; }
}
@media (max-width: 760px) {
  .selection-workspace .page-heading { align-items: flex-start; flex-wrap: wrap; margin-bottom: 13px; gap: 12px; }
  .selection-workspace .page-heading h1 { font-size: 25px; }
  .selection-workspace .page-heading p { font-size: 13px; max-width: none; }
  .selection-workspace .heading-actions { margin-left: auto; padding: 0; }
  .selection-workspace .heading-actions .button { min-height: 35px; padding: 7px 11px; font-size: 13px; }
  .selection-workspace .rules-bar { padding: 9px 11px; margin-bottom: 12px; gap: 5px 12px; font-size: 13px; }
  .selection-workspace .rules-bar strong { font-size: 13px; }
  .selection-workspace .rules-bar small { margin-left: 0; font-size: 13px; }
  .selection-workspace .rules-bar .text-button { margin-left: auto; font-size: 13px; }
  .selection-workspace .selection-module-bar { padding: 5px; gap: 7px; border-radius: 9px; margin-bottom: 12px; }
  .selection-workspace .selection-module-bar .view-tabs { width: 100%; gap: 3px; overflow: visible; }
  .selection-workspace .selection-module-bar .view-tabs button { font-size: 16px; min-height: 43px; flex: 1 1 25%; padding: 9px 4px; }
  .selection-workspace .selection-module-bar .search-field { min-height: 37px; min-width: 0; }
  .selection-workspace .selection-module-bar .search-field input { min-height: 35px; height: 35px; font-size: 13px; }
  .selection-workspace .selection-compact-toolbar { gap: 7px; padding-bottom: 12px; }
  .selection-workspace .selection-compact-toolbar :is(select, button) { font-size: 13px; }
  .selection-workspace .selection-compact-toolbar :is(#personFilter, #profitFilter) { width: 119px; }
  .selection-workspace .selection-compact-toolbar #selectionDateTrigger { min-width: 146px; }
  .selection-workspace .selection-compact-toolbar #shippingWarehouseFilter { width: 136px; }
  .selection-workspace .top-pager { padding-bottom: 10px; gap: 9px; }
  .selection-workspace .page-range { font-size: 13px; }
  .selection-workspace .insight-footer { flex-wrap: wrap; align-items: flex-start; gap: 12px; padding: 10px 0 0; }
  .selection-workspace .insight-footer .list-summary { margin-bottom: 0; font-size: 13px; }
  .selection-workspace .bottom-pager { width: auto; max-width: 100%; gap: 8px; margin-left: auto; }
  .selection-workspace .pager-controls { gap: 6px; }
  .selection-workspace .pager-controls .selection-page-size { flex-basis: auto; }
  .selection-workspace .pager-controls > span { font-size: 13px; }
  .selection-workspace .selection-batchbar { bottom: 10px; margin: 10px 0 0; padding: 11px 12px; gap: 8px; }
  .selection-workspace .selection-batchbar > div { gap: 8px; }
  .selection-workspace .selection-batchbar .button { min-height: 35px; }
  .selection-workspace .selection-listing-feedback { padding: 10px 11px; font-size: 13px; }
  .selection-workspace .product-dialog { inset: 0; width: 100vw; max-width: 100vw; height: 100dvh; border-radius: 0; border: 0; }
  .selection-workspace .dialog-header { padding: 17px 16px 14px; }
  .selection-workspace .dialog-header h2 { font-size: 20px; }
  .selection-workspace .dialog-meta { font-size: 13px; }
  .selection-workspace :is(.dialog-tabs, .selection-form-panel-tabs) { gap: 21px; padding: 0 16px; min-height: 47px; flex-wrap: wrap; }
  .selection-workspace :is(.dialog-tabs, .selection-form-panel-tabs) > button { font-size: 14px; min-height: 47px; padding: 11px 0; }
  .selection-workspace .edit-notice { font-size: 13px; }
  .selection-workspace .product-panel { display: grid; padding: 18px 16px 24px; gap: 20px; }
  .selection-workspace #fulfillmentPanel { padding: 18px 16px 24px; }
  .selection-workspace .product-form { width: 100%; }
  .selection-workspace .product-basics { grid-template-columns: 90px minmax(0, 1fr); gap: 14px; }
  .selection-workspace .image-preview { height: 100px; }
  .selection-workspace .basic-fields .field-grid.two { grid-template-columns: 1fr; }
  .selection-workspace .field-grid.two { gap: 0 12px; }
  .selection-workspace .field :is(input, select, textarea) { font-size: 16px; min-height: 43px; }
  .selection-workspace .field > label { font-size: 13px; }
  .selection-workspace .profit-preview { padding: 16px; }
  .selection-workspace .profit-preview .calculation-list { grid-template-columns: 1fr; }
  .selection-workspace .calculation-row { font-size: 13px; margin: 8px 0; }
  .selection-workspace .calculation-row > strong { font-size: 13px; }
  .selection-workspace .dialog-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); gap: 10px; }
  .selection-workspace .dialog-footer > p { font-size: 13px; max-width: 43%; }
  .selection-workspace .dialog-footer .button { font-size: 13px; padding: 8px 12px; min-height: 40px; }
  .selection-workspace .form-errors { margin: 10px 16px 0; font-size: 13px; }
  .selection-workspace .materials-panel { display: block; }
  .selection-workspace .material-library-panel { padding: 15px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  .selection-workspace .material-library { display: none; }
  .selection-workspace .material-select-label,
  .selection-workspace #materialSelect { display: block; }
  .selection-workspace .material-select-label { margin-bottom: 7px; font-size: 13px; }
  .selection-workspace #materialSelect { min-height: 43px; font-size: 16px; }
  .selection-workspace .material-editor { padding: 18px 16px 23px; }
  .selection-workspace .material-editor-heading h3 { font-size: 18px; }
  .selection-workspace .material-editor > .field-grid,
  .selection-workspace .task-workflow .field-grid.two,
  .selection-workspace .publication-row > .field-grid,
  .selection-workspace .pricing-adjustments .field-grid.two { grid-template-columns: 1fr; }
  .selection-workspace .publication-row { padding: 0 13px 14px; }
  .selection-workspace .publication-row > header { margin: 0 -13px 14px; padding: 12px 13px; }
  .selection-workspace .publication-row > header strong { font-size: 16px; }
  .selection-workspace .publication-row .field > label { font-size: 13px; }
  .selection-workspace .publication-row .field > input { font-size: 16px; }
  .selection-workspace .country-toggle { min-height: 36px; font-size: 13px; }
  .selection-workspace .legacy-source-copy { flex-direction: column; align-items: flex-start; gap: 6px; }
  .selection-workspace .system-time { white-space: normal; }
  .selection-workspace .schedule-card { grid-template-columns: 1fr 1fr; padding: 16px 0; gap: 10px 15px; }
  .selection-workspace .schedule-product { grid-column: 1 / -1; grid-row: auto; }
  .selection-workspace .schedule-country { grid-column: 1; grid-row: 2; flex-direction: row; gap: 8px; }
  .selection-workspace .schedule-time { grid-column: 1; grid-row: 3; }
  .selection-workspace .schedule-actions { grid-column: 2; grid-row: 2 / 4; justify-self: end; }
  .selection-workspace .stats-kpis { grid-template-columns: 1fr 1fr; gap: 18px 0; }
  .selection-workspace .stats-kpis > article { padding: 0 13px; }
  .selection-workspace .stats-kpis > article:nth-child(odd) { padding-left: 0; border-left: 0; }
  .selection-workspace .stats-kpis :is(strong, .count-link, .zero-count) { font-size: 25px; }
  .selection-workspace .stats-kpis > article > span { font-size: 13px; }
  .selection-workspace .stats-kpis > article > small { font-size: 13px; }
  .selection-workspace .stats-table-heading { flex-wrap: wrap; gap: 9px; }
  .selection-workspace .stats-table tbody tr { padding: 15px 0; }
  .selection-workspace .material-table tr { padding: 16px 0; }
  .selection-workspace .exposure-fields { grid-template-columns: 1fr 1fr; }
  .selection-workspace .exposure-fields > .field:last-child { grid-column: 1 / -1; }
  .selection-workspace .selection-shipping-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 30px); padding: 17px; }
  .selection-workspace .selection-shipping-dialog h2 { font-size: 19px; }
  .selection-workspace #shippingContents :is(input, select) { font-size: 16px; }
  .selection-workspace .warehouse-editor-row { grid-template-columns: 1fr; }
  .selection-workspace .selection-shipping-dialog footer { flex-wrap: wrap; }
  .selection-workspace #selectionFiltersDialog { border-radius: 0; }
  .selection-workspace #selectionDateDialog .selection-custom-date input { font-size: 16px; }
  .selection-workspace .toast { top: 12px; right: 12px; max-width: calc(100vw - 24px); font-size: 13px; }
}
@media (max-width: 390px) {
  .selection-workspace .selection-module-bar .view-tabs button { font-size: 14px; padding-inline: 3px; }
  .selection-workspace .selection-compact-toolbar .selection-listing-tabs { flex-basis: 100%; justify-content: space-between; }
  .selection-workspace .selection-compact-toolbar .selection-listing-tabs button { flex: 1; }
  .selection-workspace #productTable .product-row { gap: 11px 10px; padding-inline: 8px; }
  .selection-workspace #productTable .product-identity { gap: 9px; }
  .selection-workspace #productTable .product-name { font-size: 14px; }
  .selection-workspace .dialog-tabs { gap: 16px; }
  .selection-workspace .dialog-tabs .edit-notice { margin-left: 0; }
  .selection-workspace .dialog-footer > p { display: none; }
  .selection-workspace .dialog-footer > div { margin-left: auto; width: 100%; justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) {
  .selection-workspace *, .selection-workspace *::before, .selection-workspace *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
/* Approved compact material rows; product listing badges belong to the parent product. */
.selection-workspace #materialsView .material-table{width:100%;min-width:0;table-layout:fixed}
.selection-workspace #materialsView .material-table th:nth-child(1){width:38%}
.selection-workspace #materialsView .material-table th:nth-child(2){width:28%}
.selection-workspace #materialsView .material-table th:nth-child(3){width:19%}
.selection-workspace #materialsView .material-table th:nth-child(4){width:15%}
.selection-workspace #materialsView .material-table td{padding:16px 18px;vertical-align:middle;height:auto;font-size:14px;line-height:1.55}
.selection-workspace .compact-material-identity{display:flex;align-items:center;gap:13px;min-width:0}
.selection-workspace .compact-material-image{width:52px;height:62px;flex:none;padding:0;border:1px solid #e3e7f0;border-radius:7px;background:#f9fafc;overflow:hidden;color:#8591a6}
.selection-workspace .compact-material-image img{width:100%;height:100%;object-fit:contain;display:block}
.selection-workspace .compact-material-copy{min-width:0}
.selection-workspace #materialsView .library-material-name{margin:0 0 4px}
.selection-workspace .compact-source-link{display:flex;align-items:center;gap:6px;min-width:0}
.selection-workspace .compact-source-link a,.selection-workspace .compact-source-link>span{color:#6355d8;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}
.selection-workspace .compact-source-link a:hover{text-decoration:underline}
.selection-workspace .compact-source-link>span small{font-size:13px;color:#8490a5;font-weight:400}
.selection-workspace #materialsView .selection-compact-link-copy{min-width:25px;min-height:29px;padding:4px;border:0;background:transparent;color:#8c99ac;display:inline-flex;align-items:center;justify-content:center;flex:none}
.selection-workspace #materialsView .parent-product{display:block;margin:0 0 4px;padding:0;color:#7b889f;font-size:13px;line-height:1.6;min-height:0;text-align:left;overflow-wrap:anywhere}
.selection-workspace .compact-material-dates{font-size:13px;color:#8490a5;line-height:1.8;display:flex;flex-wrap:wrap;gap:0 12px}
.selection-workspace .compact-material-dates>span{white-space:nowrap}
.selection-workspace .compact-material-dates time{font-variant-numeric:tabular-nums}
.selection-workspace .compact-unlisted{display:block;color:#a57428;font-size:13px;margin:3px 0}
.selection-workspace #materialsView .material-phone{display:flex;flex-wrap:wrap;gap:3px 7px;margin:0 0 3px;font-size:13px;line-height:1.65}
.selection-workspace #materialsView .material-phone strong{font-size:13px;font-weight:500}
.selection-workspace .compact-material-makers{color:#8490a5;font-size:13px;margin-top:7px;line-height:1.65}
.selection-workspace .compact-material-makers span{color:#526079}
.selection-workspace .compact-more-positions{font-size:13px;padding:2px 0;min-height:0}
.selection-workspace #materialsView .material-progress-list{margin:0;gap:6px 8px}
.selection-workspace #materialsView .material-progress{font-size:13px;padding:3px 7px;line-height:1.6;white-space:normal}
.selection-workspace #materialsView .material-progress.unassigned{color:#a57428;background:#fff7e9}
.selection-workspace #materialsView .material-quick-actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}
.selection-workspace #materialsView .material-quick-actions .secondary-button{font-size:13px;padding:7px 10px;min-height:37px;white-space:nowrap}
.selection-workspace #materialsView .selection-row-menu>summary{min-height:32px;padding:3px 4px;color:#8490a5}
.selection-workspace #materialsView .selection-row-menu{position:relative;flex:none;width:27px;min-width:27px}
.selection-workspace #materialsView .selection-row-menu>summary{display:grid;place-items:center;list-style:none;border-radius:5px;cursor:pointer;font-size:18px;line-height:1}
.selection-workspace #materialsView .selection-row-menu>summary::-webkit-details-marker{display:none}
.selection-workspace #materialsView .selection-row-menu>summary::marker{content:""}
.selection-workspace #materialsView .selection-row-menu[open]>summary{background:#f2efff;color:#6355d8}
.selection-workspace #materialsView .selection-row-menu>div{position:absolute;right:0;top:calc(100% + 5px);z-index:35;min-width:142px;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:6px;background:#fff;border:1px solid #e3e7f0;border-radius:8px;box-shadow:0 8px 24px #26344920}
.selection-workspace #materialsView .selection-row-menu:not([open])>div{display:none}
.selection-workspace #materialsView .selection-row-menu[open]>div{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.selection-workspace #materialsView .selection-row-menu>div>button{width:100%;padding:7px 10px;min-height:34px;border:0;border-radius:5px;background:transparent;text-align:left;white-space:nowrap;font-size:13px;color:#64718b}
.selection-workspace #materialsView .selection-row-menu>div>button:hover{background:#f2efff;color:#6355d8}
.selection-workspace[data-view=library] #topPager{padding-top:4px}
@media(min-width:901px){
 .selection-workspace #materialsView .material-table{display:table}
 .selection-workspace #materialsView .material-table thead{display:table-header-group}
 .selection-workspace #materialsView .material-table tbody{display:table-row-group}
 .selection-workspace #materialsView .material-table tr{display:table-row;padding:0}
 .selection-workspace #materialsView .material-table td{display:table-cell;border-bottom:1px solid #edf0f6;width:auto}
 .selection-workspace #materialsView .material-table td:before{display:none}
}
@media(max-width:1100px) and (min-width:901px){
 .selection-workspace #materialsView .material-table td{padding:14px 10px}
 .selection-workspace #materialsView .material-table th:nth-child(1){width:38%}
 .selection-workspace #materialsView .material-table th:nth-child(2){width:27%}
 .selection-workspace #materialsView .material-table th:nth-child(3){width:18%}
 .selection-workspace #materialsView .material-table th:nth-child(4){width:17%}
 .selection-workspace .compact-material-image{width:42px;height:52px}
 .selection-workspace .compact-material-identity{gap:9px}
 .selection-workspace .compact-material-dates{font-size:13px}
 .selection-workspace #materialsView .material-quick-actions .secondary-button{font-size:13px;padding:6px 8px}
}
@media(max-width:900px){
 .selection-workspace #materialsView .material-table td{padding:0}
 .selection-workspace #materialsView .material-table tr{padding:16px;gap:12px 16px}
 .selection-workspace #materialsView .material-table td:nth-child(4){grid-column:2;grid-row:2/4;align-self:center}
 .selection-workspace #materialsView .material-quick-actions{justify-content:flex-end}
 .selection-workspace .compact-material-dates{gap:0 12px}
 .selection-workspace .compact-material-image{width:48px;height:58px}
}
@media(max-width:520px){
 .selection-workspace .material-compact-filters{flex-wrap:wrap}
 .selection-workspace .material-compact-filters button{min-height:44px}
 .selection-workspace #materialsView .material-quick-actions{flex-wrap:wrap}
 .selection-workspace .material-filter-option{min-height:44px}
}

/* Selected-phone daily report stays compact beside the material filters. */
.selection-workspace .material-phone-daily{padding:12px 16px;margin:0 16px 8px;border:1px solid #e3e6f0;border-radius:8px;background:#fafaff;color:#59677e;font-size:13px}
.selection-workspace .material-phone-daily[hidden]{display:none}
.selection-workspace .phone-daily-heading,.selection-workspace .phone-daily-counts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.selection-workspace .phone-daily-heading strong{font-size:13px;color:#45516a}
.selection-workspace .phone-daily-heading label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}
.selection-workspace .phone-daily-heading input{min-height:32px;max-width:150px;border:1px solid #dce2ef;border-radius:5px;padding:4px 7px;font:inherit;color:inherit;background:#fff}
.selection-workspace .phone-daily-heading .text-button{min-height:28px;padding:2px 5px}
.selection-workspace .phone-daily-counts{margin-top:8px;gap:8px 24px}
.selection-workspace .phone-daily-counts b{color:#6054d6;font-size:15px;font-variant-numeric:tabular-nums}
.selection-workspace .material-phone-daily p{margin:6px 0 0;color:#8a94a7;font-size:13px;line-height:1.6}
@media(max-width:600px){.selection-workspace .material-phone-daily{margin:0 0 8px;padding:10px}.selection-workspace .phone-daily-heading label{margin-left:0}.selection-workspace .phone-daily-counts{gap:6px 16px}}
/* Material batches retain the four-column library and reveal controls only
   after selection. The preview names every affected publishing position. */
.selection-workspace .material-head-check{display:flex;align-items:center;gap:12px;white-space:nowrap;cursor:pointer}
.selection-workspace .material-head-check input,.selection-workspace .material-row-check{width:16px!important;height:16px!important;min-width:16px;margin:0;accent-color:#6459df;cursor:pointer}
.selection-workspace .material-row-check{align-self:center;flex-shrink:0}
.selection-workspace .material-batch-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;margin:0 0 10px;background:#f5f3ff;border:1px solid #e6e1ff;border-radius:9px;color:#544bb5;flex-wrap:wrap;font-size:13px}
.selection-workspace .material-batch-bar[hidden]{display:none}
.selection-workspace .material-batch-bar>span{font-size:13px;color:#8791aa}
.selection-workspace .material-batch-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.selection-workspace .material-batch-actions>button,.selection-workspace .material-batch-actions>details>summary{padding:7px 11px;border:1px solid #dedfeb;background:white;color:#5f55cd;border-radius:6px;cursor:pointer;font-size:13px}
.selection-workspace .material-batch-actions .selection-row-menu{position:relative}
.selection-workspace .material-batch-dialog{width:min(1010px,calc(100vw - 36px));max-height:calc(100dvh - 50px);padding:0;border:1px solid #e4e7f1;border-radius:13px;color:#35425b;box-shadow:0 20px 75px #1f274c35}
.selection-workspace .material-batch-dialog::backdrop{background:#25304f52}
.selection-workspace .material-batch-dialog form{margin:0;padding:22px;display:flex;flex-direction:column;gap:15px}
.selection-workspace .material-batch-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.selection-workspace .material-batch-dialog h2{font-size:22px;margin:0 0 5px}
.selection-workspace .material-batch-dialog p{margin:0;font-size:13px;line-height:1.7}
.selection-workspace .material-batch-dialog header p{color:#8894ac}
.selection-workspace .material-batch-dialog header>button{border:0;background:#f5f6fb;color:#8390a9;font-size:22px;border-radius:6px;width:32px;height:32px;cursor:pointer}
.selection-workspace .material-batch-fields{display:flex;gap:14px;flex-wrap:wrap}
.selection-workspace .material-batch-fields>label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:200px;max-width:100%;flex:1}
.selection-workspace .material-batch-fields select,.selection-workspace .material-batch-fields input{min-height:39px;width:100%;padding:7px 10px;border:1px solid #dce1ee;border-radius:6px;background:white;color:#42516e;font-size:13px}
.selection-workspace .material-batch-count{font-size:13px;color:#6c5dc4}
.selection-workspace .material-batch-note{background:#f8f9fd;padding:10px 12px;border-radius:7px;color:#75839c}
.selection-workspace .material-batch-scroll{max-height:43dvh;overflow:auto;border:1px solid #e8ebf3;border-radius:8px}
.selection-workspace .material-batch-scroll table{border-collapse:collapse;width:100%;min-width:660px;font-size:13px}
.selection-workspace .material-batch-scroll th{position:sticky;top:0;background:#f6f7fc;color:#8b97b0;text-align:left;font-weight:500;padding:11px;z-index:1}
.selection-workspace .material-batch-scroll td{padding:12px 11px;border-top:1px solid #eef0f6;vertical-align:top}
.selection-workspace .material-batch-scroll small{display:block;margin-top:4px;color:#939eb3;font-size:13px;line-height:1.55}
.selection-workspace .material-batch-scroll input[type=checkbox],.selection-workspace .material-batch-confirm input{width:16px;height:16px;accent-color:#6459df;flex-shrink:0}
.selection-workspace .material-batch-scroll .batch-related{color:#7863c8}
.selection-workspace .batch-warning{color:#b47c42!important}
.selection-workspace .batch-unavailable{background:#fcfcfd;color:#8993a8}
.selection-workspace .material-batch-confirm{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.6;cursor:pointer}
.selection-workspace .material-batch-dialog footer{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f5;padding-top:14px}
.selection-workspace .material-batch-dialog footer>span{flex:1}
.selection-workspace .material-batch-dialog footer button{padding:9px 13px;background:white;border:1px solid #dce1ed;border-radius:7px;color:#52627e;font-size:13px;cursor:pointer}
.selection-workspace .material-batch-dialog footer .primary-button{background:#6459df;color:white;border-color:#6459df}
.selection-workspace .material-batch-dialog [role=alert]{color:#b25a43;background:#fff7ef;padding:9px;border-radius:5px}
.selection-workspace .material-batch-dialog [role=alert][hidden]{display:none}
.selection-workspace .material-batch-actual summary{font-size:13px;color:#7c88a1;cursor:pointer;margin-bottom:10px}
.selection-workspace .material-batch-dialog small{color:#919db1;font-size:13px}
@media(max-width:760px){.selection-workspace .material-batch-actions{margin-left:0}.selection-workspace .material-batch-dialog form{padding:15px}.selection-workspace .material-batch-dialog footer{flex-wrap:wrap}.selection-workspace .material-batch-dialog footer>span{display:none}}
.selection-workspace .material-kind{display:inline-flex;padding:2px 7px;margin-left:6px;font-size:13px;border-radius:5px;background:#edf1f7;color:#7e8ca4;vertical-align:middle;white-space:nowrap}.selection-workspace .material-kind.ai{background:#eee7ff;color:#7950ca}.selection-workspace .material-kind.real{background:#e6f5ef;color:#268568}.selection-workspace .material-kind.mixed{background:#e7f0fd;color:#4071b0}.selection-workspace .material-collaboration{border:1px solid #e5e8f1;border-radius:10px;padding:12px;margin:14px 0}.selection-workspace .material-collaboration summary{cursor:pointer;color:#657493;font-size:13px}.selection-workspace .material-collaboration[open] summary{margin-bottom:14px}.selection-workspace .material-collector-outside{display:flex;gap:7px;align-items:center;font-size:13px;white-space:nowrap;margin:0}.selection-workspace .material-collector-outside select{height:38px;min-width:135px;max-width:205px;border:1px solid #dde3ef;border-radius:7px;background:#fff;color:#596784;padding:0 9px}.selection-workspace .material-compact-filters{flex-wrap:wrap}
.new-product-default-source{margin:10px 0;padding:10px 12px;border:1px solid #e1ddfa;background:#f7f6ff;border-radius:10px;color:#617087;font-size:13px}.new-product-default-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.new-product-default-row label{display:flex;align-items:center;gap:8px}.new-product-default-row select{width:auto;max-width:180px;padding:5px 8px}.selection-default-dialog{width:min(820px,94vw);max-height:88vh;overflow:auto}.product-default-settings .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-default-settings .span{grid-column:1/-1}.product-default-settings input,.product-default-settings textarea,.product-default-settings select{width:100%;min-height:38px;border:1px solid #dce3ee;border-radius:8px;padding:8px;background:white;color:#344258}.product-default-settings footer{display:flex;gap:8px;flex-wrap:wrap}.product-default-settings [role=alert]{color:#ab3b34}@media(max-width:600px){.product-default-settings .form-grid{grid-template-columns:1fr}.new-product-default-row{align-items:flex-start}}
.selection-new-product{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #bfe5ce;border-radius:6px;background:#effaf3;color:#24764b;font-size:13px;font-weight:650;white-space:nowrap}
.selection-new-product[hidden]{display:none}
.selection-workspace .selection-product-hot{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:2px 7px;border:1px solid #f2c7c7;border-radius:6px;background:#fff1f0;color:#b64040;font:inherit;font-size:13px;font-weight:650;line-height:1.5;white-space:nowrap;box-shadow:none}
.selection-workspace .selection-product-hot:hover{background:#ffe6e3;border-color:#e5a5a5}
.selection-workspace .selection-product-hot svg{width:14px;height:14px;fill:currentColor;flex:none}
.selection-workspace .selection-product-tag-filter{display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0;color:var(--muted);font-size:13px}
.selection-workspace .selection-product-tag-filter select{width:124px;min-width:0;max-width:100%}
.selection-workspace .selection-product-hot-dialog{width:min(550px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px #2634492b}
.selection-workspace .selection-product-hot-dialog form{padding:22px;min-width:0}
.selection-workspace .selection-product-hot-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.selection-workspace .selection-product-hot-dialog header small{color:var(--muted);font-size:13px}
.selection-workspace .selection-product-hot-dialog h2{margin:5px 0 0;overflow-wrap:anywhere;font-size:21px}
.selection-workspace .selection-product-hot-dialog header button{border:0;background:#f3f5fa;color:var(--muted);border-radius:8px;width:32px;height:32px;flex:none;font-size:22px}
.selection-workspace .selection-hot-status{margin:0 0 14px}
.selection-workspace .selection-hot-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f7f8fc;border-radius:10px;margin:0 0 12px}
.selection-workspace .selection-hot-dates dt{font-size:13px;color:var(--muted)}
.selection-workspace .selection-hot-dates dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}
.selection-workspace .selection-product-hot-dialog .field textarea{width:100%;resize:vertical}
.selection-workspace .selection-hot-history{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.selection-workspace .selection-hot-history summary{cursor:pointer;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}
.selection-workspace .selection-hot-history ol{max-height:220px;overflow:auto;list-style:none;margin:12px 0 0;padding:0}
.selection-workspace .selection-hot-history li{padding:10px 0;border-bottom:1px solid var(--line-light)}
.selection-workspace .selection-hot-history time{float:right;color:var(--muted);font-size:13px}
.selection-workspace .selection-hot-history small{display:block;color:var(--muted)}
.selection-workspace .selection-hot-history p{margin:4px 0;overflow-wrap:anywhere;font-size:14px}
.selection-workspace .selection-product-hot-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.selection-workspace .selection-product-hot-dialog [role=alert]{padding:10px;border-radius:8px;color:#ad403d;background:#fff1ee;font-size:14px}
@media(max-width:480px){.selection-workspace .selection-product-hot-dialog form{padding:16px}.selection-workspace .selection-hot-dates{grid-template-columns:1fr;gap:9px}.selection-workspace .selection-hot-history time{float:none;display:block;margin-top:4px}.selection-workspace .selection-product-hot-dialog footer{flex-wrap:wrap}.selection-workspace .selection-product-hot-dialog footer button{flex:1;white-space:normal}.selection-workspace .selection-listing-meta{flex-wrap:wrap}}
/* The later compact shell has a desktop table minimum. Release it when the
   existing mobile product-card layout is active, so labels stay in the card. */
@media(max-width:900px){
 .sky-workspace .selection-workspace #productsView #productTable{min-width:0;width:100%;max-width:100%}
 .sky-workspace .selection-workspace #productsView .product-identity>div{min-width:0;flex:1}
 .sky-workspace .selection-workspace #productsView .product-meta-line{max-width:100%;flex-wrap:wrap;white-space:normal}
 .sky-workspace .selection-workspace #productsView .selection-listing-meta{max-width:100%;flex-wrap:wrap}
}