/* Sampling uses the shared QCOS palette and controls; all overrides stay on this page. */
body.layout-erp.layout-pro #page-mdm-sampling .sampling-page { gap: 16px; min-width: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero { gap: 16px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero::after { display: none; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero h2 { font-size: 28px; font-weight: 700; letter-spacing: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero p { max-width: none; font-size: 15px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero-actions { flex-shrink: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi {
  min-height: 96px; padding: 14px 16px 14px 56px; text-align: left;
  border: 1px solid var(--erp-border) !important; border-radius: 6px !important;
  background: #fff !important; box-shadow: none !important; cursor: pointer; transform: none;
}
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi-blue { --sampling-kpi-color: var(--erp-primary); --sampling-kpi-bg: #e8f3ff; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi[aria-pressed='true'] { border-color: var(--erp-primary) !important; background: #edf5ff !important; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi::before { top: 16px; left: 16px; width: 28px; height: 28px; border-radius: 6px; background: var(--sampling-kpi-bg); box-shadow: none !important; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi::after { top: 26px; left: 26px; width: 8px; height: 8px; box-shadow: none; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi strong { margin: 8px 0 4px; color: var(--text-title) !important; font-size: 26px; font-weight: 700; letter-spacing: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi span { color: var(--text-body) !important; font-size: 14px; font-weight: 500; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi small { padding: 0; margin: 0; background: transparent !important; box-shadow: none !important; color: var(--text-muted) !important; font-size: 12px; font-weight: 400; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-panel { display: block; padding: 16px; margin: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-main { display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)) auto; gap: 12px; align-items: end; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-panel label { min-width: 0; font-size: 13px; font-weight: 500; color: var(--text-body); }
body.layout-erp.layout-pro #page-mdm-sampling :is(.sampling-filter-panel, .sampling-policy-details) :is(input, select) {
  width: 100%; height: 38px; min-height: 38px; box-sizing: border-box;
  border: 1px solid #d6deea !important; border-radius: 5px !important;
  background: #fff !important; font-size: 14px !important; color: var(--text-body) !important;
}
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-actions { display: flex; gap: 8px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-actions .btn { min-height: 38px; white-space: nowrap; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-more-filters { margin-top: 12px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-more-filters summary { width: fit-content; color: var(--erp-primary); font-size: 13px; cursor: pointer; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-extra { display: grid; grid-template-columns: repeat(2, minmax(160px, 1fr)); gap: 12px; max-width: 640px; margin-top: 12px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-policy-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; gap: 12px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-policy-heading h3 { margin: 0; font-size: 16px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-policy-body { padding: 0 16px 16px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-policy-fields { grid-template-columns: repeat(2, minmax(180px, 1fr)) auto; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table-wrap { min-width: 0; margin: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table-head { padding: 16px; background: #fff !important; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table-head h3 { font-size: 16px; font-weight: 600; letter-spacing: 0; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table-head p { font-size: 13px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table { min-width: 1000px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table .col-actions { text-align: right; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-row-actions { text-align: right; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-row-actions :is(.btn, .btn-delete) { border-radius: 5px !important; font-weight: 500 !important; }
body.layout-erp.layout-pro #page-mdm-sampling :is(.sampling-code-token, .sampling-aql-badge, .sampling-level-badge, .sampling-standard-token, .sampling-creator-token) {
  padding: 0; border: 0; border-radius: 0 !important; background: transparent; box-shadow: none;
  color: var(--text-body) !important; font-size: 14px; font-weight: 400 !important; line-height: 1.5;
}
body.layout-erp.layout-pro #page-mdm-sampling .sampling-name-cell strong { font-weight: 500; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-status-badge { border-radius: 5px !important; font-size: 12px; font-weight: 500 !important; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-empty-state { min-height: 220px; padding: 28px 16px; border: 0; border-radius: 0; background: #fff; gap: 12px; }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-empty-state svg { color: var(--text-muted); }
body.layout-erp.layout-pro #page-mdm-sampling .sampling-empty-state strong { font-size: 16px; font-weight: 600; }
/* Let an empty table fit narrow screens; populated rows keep their column widths. */
body.layout-erp.layout-pro #page-mdm-sampling .sampling-table:has(.sampling-empty-state) { min-width: 0; }
@media (max-width: 1200px) {
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-hero { align-items: flex-start; flex-direction: column; }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi { padding-left: 16px; }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi::before,
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi::after { display: none; }
}
@media (max-width: 700px) {
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-main,
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-extra { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-filter-actions { align-self: end; }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-policy-fields { grid-template-columns: 1fr; }
  body.layout-erp.layout-pro #page-mdm-sampling .sampling-table:has(.sampling-empty-state) thead { display: none; }
}