/* CommerceFlow r8.0.0 — enterprise data grid */
body.cf-v8 .table-wrap,
body.cf-v8 .r73-table-scroll,
body.cf-v8 .platform-compact-table-wrap,
body.cf-v8 .cf-table-scroll,
body.cf-v8 .responsive-table {
  min-width: 0; max-width: 100%; overflow: auto; border: 1px solid var(--cf-line); border-radius: var(--cf-radius-1);
  background: var(--cf-white); overscroll-behavior: contain; scrollbar-gutter: stable;
}
body.cf-v8 table,
body.cf-v8 .r73-data-table,
body.cf-v8 .platform-compact-table,
body.cf-v8 .cf-data-table {
  width: 100%; border-collapse: separate; border-spacing: 0; color: var(--cf-text); background: var(--cf-white);
  font-size: var(--cf-font-size-sm); font-variant-numeric: tabular-nums;
}
body.cf-v8 table thead th,
body.cf-v8 .r73-data-table thead th,
body.cf-v8 .platform-compact-table thead th,
body.cf-v8 .cf-data-table thead th {
  position: sticky; top: 0; z-index: 3; height: 38px; padding: 8px 10px;
  border: 0; border-bottom: 1px solid var(--cf-line-strong); border-right: 1px solid var(--cf-line);
  color: #465664; background: var(--cf-cloud); font-size: 10.5px; font-weight: 750; letter-spacing: .045em; text-align: left; text-transform: uppercase; white-space: nowrap;
}
body.cf-v8 table thead th:last-child,
body.cf-v8 .r73-data-table thead th:last-child,
body.cf-v8 .platform-compact-table thead th:last-child { border-right: 0; }
body.cf-v8 table tbody td,
body.cf-v8 .r73-data-table tbody td,
body.cf-v8 .platform-compact-table tbody td,
body.cf-v8 .cf-data-table tbody td {
  min-height: 44px; padding: 9px 10px; border: 0; border-bottom: 1px solid var(--cf-line); border-right: 1px solid #e8ecef;
  vertical-align: middle; overflow-wrap: normal;
}
body.cf-v8 table tbody td:last-child,
body.cf-v8 .r73-data-table tbody td:last-child,
body.cf-v8 .platform-compact-table tbody td:last-child { border-right: 0; }
body.cf-v8 table tbody tr:last-child td { border-bottom: 0; }
body.cf-v8 table tbody tr:hover td { background: #f7fafb; }
body.cf-v8 table tbody tr[aria-selected="true"] td,
body.cf-v8 table tbody tr.is-selected td { background: #eaf3f8; }
body.cf-v8 table td small { display: block; margin-top: 2px; line-height: 1.25; }
body.cf-v8 table td strong { color: var(--cf-ink-2); }
body.cf-v8 table .num,
body.cf-v8 table .r73-num { text-align: right; white-space: nowrap; }
body.cf-v8 table .center { text-align: center; }
body.cf-v8 table .identifier,
body.cf-v8 table td:first-child > strong,
body.cf-v8 .r73-data-table td:first-child > strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.cf-v8 .r73-actions-cell,
body.cf-v8 .platform-compact-table td:last-child,
body.cf-v8 .cf-actions-cell { min-width: 132px; width: 1%; white-space: nowrap; }
body.cf-v8 .r73-row-actions,
body.cf-v8 .cf-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; white-space: nowrap; }
body.cf-v8 .r73-popover,
body.cf-v8 .cf-row-menu { position: relative; }
body.cf-v8 .r73-popover > summary,
body.cf-v8 .cf-row-menu > summary { list-style: none; }
body.cf-v8 .r73-popover-panel,
body.cf-v8 .cf-row-menu-panel {
  position: absolute; z-index: 60; top: calc(100% + 5px); right: 0; min-width: 220px; max-width: min(360px, calc(100vw - 24px));
  padding: 8px; border: 1px solid var(--cf-line-strong); border-radius: var(--cf-radius-2); background: var(--cf-white); box-shadow: var(--cf-shadow-menu);
}
body.cf-v8 .r73-popover-panel a,
body.cf-v8 .r73-popover-panel button,
body.cf-v8 .cf-row-menu-panel a,
body.cf-v8 .cf-row-menu-panel button {
  width: 100%; min-height: 34px; display: flex; align-items: center; justify-content: flex-start; padding: 7px 9px;
  border: 0; border-radius: var(--cf-radius-1); color: var(--cf-text); background: transparent; font-size: 12.5px; text-decoration: none; cursor: pointer;
}
body.cf-v8 .r73-popover-panel a:hover,
body.cf-v8 .r73-popover-panel button:hover,
body.cf-v8 .cf-row-menu-panel a:hover,
body.cf-v8 .cf-row-menu-panel button:hover { background: var(--cf-cloud); }
body.cf-v8 .platform-filter-bar,
body.cf-v8 .r73-filter-bar,
body.cf-v8 .report-filter-bar,
body.cf-v8 .filters,
body.cf-v8 .filter-bar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; align-items: end;
  margin-bottom: 12px; padding: 12px; border: 1px solid var(--cf-line); border-radius: var(--cf-radius-1); background: #f9fafb;
}
body.cf-v8 .platform-filter-bar .button,
body.cf-v8 .r73-filter-actions,
body.cf-v8 .report-filter-bar .button { align-self: end; }
body.cf-v8 .r73-result-count { color: var(--cf-text-muted); font-size: var(--cf-font-size-sm); }
body.cf-v8 .r73-popover-panel.cf-menu-align-left,
body.cf-v8 .cf-row-menu-panel.cf-menu-align-left { left: 0; right: auto; }
body.cf-v8 .r73-popover-panel.cf-menu-open-up,
body.cf-v8 .cf-row-menu-panel.cf-menu-open-up { top: auto; bottom: calc(100% + 5px); }

/* CommerceFlow r8.0.1 — consistent search and filter toolbars */
body.cf-v8 .platform-filter-bar,
body.cf-v8 .r73-filter-bar,
body.cf-v8 .report-filter-bar,
body.cf-v8 .filters,
body.cf-v8 .filter-bar,
body.cf-v8 .r75-customer-filter,
body.cf-v8 .r75-package-filter,
body.cf-v8 .r74-delivery-filters,
body.cf-v8 .r74-gift-filter,
body.cf-v8 .r74-shein-filters {
  gap: 10px !important;
  align-items: end !important;
  margin: 0 0 14px !important;
  padding: 12px !important;
  border: 1px solid var(--cf-line) !important;
  border-radius: var(--cf-radius-1) !important;
  background: #fafbfb !important;
  box-shadow: none !important;
}
body.cf-v8 .platform-filter-bar label,
body.cf-v8 .r73-filter-bar label,
body.cf-v8 .report-filter-bar label,
body.cf-v8 .filters label,
body.cf-v8 .filter-bar label {
  display: grid !important;
  gap: 4px !important;
  color: #465664 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body.cf-v8 .platform-filter-bar input,
body.cf-v8 .platform-filter-bar select,
body.cf-v8 .r73-filter-bar input,
body.cf-v8 .r73-filter-bar select,
body.cf-v8 .report-filter-bar input,
body.cf-v8 .report-filter-bar select,
body.cf-v8 .filters input,
body.cf-v8 .filters select,
body.cf-v8 .filter-bar input,
body.cf-v8 .filter-bar select {
  height: var(--cf-control) !important;
  min-height: var(--cf-control) !important;
  margin-top: 0 !important;
}
body.cf-v8 .r73-filter-actions,
body.cf-v8 .platform-filter-actions,
body.cf-v8 .filter-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}
body.cf-v8 .r73-filter-actions > *,
body.cf-v8 .platform-filter-bar > button,
body.cf-v8 .platform-filter-bar > .button,
body.cf-v8 .report-filter-bar > button,
body.cf-v8 .report-filter-bar > .button { min-width: 96px; }
body.cf-v8 .r73-result-count,
body.cf-v8 .platform-result-count,
body.cf-v8 .result-count {
  min-height: var(--cf-control) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 11px !important;
  border: 1px solid var(--cf-line) !important;
  border-radius: var(--cf-radius-1) !important;
  color: var(--cf-text-muted) !important;
  background: var(--cf-cloud) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}
body.cf-v8 .table-wrap,
body.cf-v8 .r73-table-scroll,
body.cf-v8 .platform-compact-table-wrap,
body.cf-v8 .cf-table-scroll,
body.cf-v8 .responsive-table { border-radius: var(--cf-radius-1) !important; box-shadow: none !important; }
