/* Room for status labels and monetary values; keep the original table borders. */
.table-pane { container-type: inline-size; }
/* Match the clean, borderless table for every role and input device. */
#digestTable th, #digestTable td { border: 0; box-shadow: none; }
#digestTable td { padding-inline: 3px; font-size: clamp(8px, .95cqw, 12px); }
#digestTable td:nth-child(3),
#digestTable td:nth-child(4),
#digestTable td:nth-child(14) { white-space: nowrap; }
@container (max-width: 1400px) {
  #digestTable th[data-short] { font-size: 0; padding-inline: 2px; }
  #digestTable th[data-short]::before {
    content: attr(data-short);
    display: block;
    font-size: clamp(8px, .95cqw, 11px);
    line-height: 1.15;
    white-space: normal;
    word-break: normal;
  }
}
#digestTable th:nth-child(1), #digestTable td:nth-child(1) { width: 6%; }
#digestTable th:nth-child(2), #digestTable td:nth-child(2) { left: 6%; }
#digestTable th:nth-child(3), #digestTable td:nth-child(3) { left: 15.2%; }
#digestTable th:nth-child(3), #digestTable td:nth-child(3) { width: 7.4%; }
@media (max-width: 1380px) {
  #digestTable th:nth-child(3), #digestTable td:nth-child(3) { left: 14%; }
}
#digestTable td:nth-child(11),
#digestTable td:nth-child(11) > span,
#digestTable td:nth-child(12) { overflow-wrap: anywhere; }
#digestTable td:nth-child(13),
#digestTable td:nth-child(15) { padding-inline: 2px; white-space: nowrap; font-size: clamp(8px, 1cqw, 13px); }
#digestTable th:nth-child(7), #digestTable td:nth-child(7) { width: 7%; }
#digestTable th:nth-child(9), #digestTable td:nth-child(9),
#digestTable th:nth-child(10), #digestTable td:nth-child(10) { width: 4.6%; }
#digestTable th:nth-child(11), #digestTable td:nth-child(11),
#digestTable th:nth-child(12), #digestTable td:nth-child(12) { width: 6.8%; }
#digestTable th:nth-child(17), #digestTable td:nth-child(17) { width: 6%; }
#digestTable th:nth-child(13), #digestTable td:nth-child(13) { width: 6.2%; }
#digestTable th:nth-child(15), #digestTable td:nth-child(15) { width: 7%; }
#digestTable td.shipped-cell { padding-inline: 3px; }
#digestTable td.shipped-cell .ship-input { width: 100%; max-width: 72px; margin-inline: auto; left: auto; transform: none; font-size: inherit; padding-inline: 1px; }
#digestTable .doc-badges-button {
  display: grid;
  grid-template-columns: max-content;
  justify-content: center;
  justify-items: center;
  gap: 3px;
}
#digestTable .doc-spec { grid-column: 1 / -1; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
#digestTable .doc-shipment {
  box-sizing: border-box;
  width: max-content !important;
  min-width: 28px !important;
  max-width: none !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  flex: none;
  padding-inline: 5px !important;
  border-radius: 999px;
  font-size: 11px;
  overflow: visible;
  text-overflow: clip;
}
#digestTable .doc-shipment:only-child,
#digestTable .doc-spec + .doc-shipment:last-child { grid-column: 1 / -1; }
/* Two documents share one row, whatever their types. Keep each circle inside its track. */
#digestTable .doc-badges-button:has(> .doc-badge:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 28px));
  gap: 0;
}
#digestTable .doc-badges-button:has(> .doc-spec:first-child):has(> .doc-badge:nth-child(3):last-child) {
  grid-template-columns: repeat(2, minmax(0, 28px));
  column-gap: 0;
  row-gap: 2px;
}
#digestTable .doc-badges-button:has(> .doc-badge:nth-child(2):last-child) > .doc-badge,
#digestTable .doc-badges-button:has(> .doc-spec:first-child):has(> .doc-badge:nth-child(3):last-child) > .doc-shipment {
  grid-column: auto;
  width: min(28px, 100%) !important;
  min-width: 0 !important;
  max-width: 28px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1;
  padding: 0 !important;
  font-size: clamp(8px, .8cqw, 11px);
}