.recall-badge {
  gap: var(--pb-recall-compact-gap);
  background: var(--pb-recall-badge-bg);
  color: var(--pb-color-text-inverse);
  font-family: inherit;
  cursor: pointer;
}

.recall-badge:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-badge-count {
  min-width: var(--pb-size-icon-sm);
  min-height: var(--pb-size-icon-sm);
  display: inline-grid;
  place-items: center;
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-badge-count-bg);
  color: var(--pb-color-text-inverse);
  font-size: var(--pb-font-size-2xs);
  line-height: var(--pb-line-height-tight);
}

.pb-recall-modal {
  width: var(--pb-recall-modal-width);
  min-height: var(--pb-recall-modal-min-height);
  max-height: var(--pb-recall-modal-height);
}

.pb-recall-modal-body {
  padding: var(--pb-space-0);
  background: var(--pb-recall-modal-surface);
  overflow-x: hidden;
}

.pb-recall-selector-modal-body {
  padding: var(--pb-space-4);
  background: var(--pb-recall-modal-surface);
}

.pb-recall-selector-modal {
  width: min(var(--pb-modal-frame-width), var(--pb-modal-frame-max-width));
}

.recall-workflow {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-0);
  padding: var(--pb-space-0);
  background: var(--pb-recall-modal-surface);
  color: var(--pb-color-text-primary);
}

.recall-workflow-header,
.recall-section-header,
.recall-location-summary,
.recall-actions,
.recall-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-recall-compact-gap);
  flex-wrap: wrap;
}

.recall-workflow-header {
  align-items: flex-start;
  padding: var(--pb-space-4) var(--pb-space-5);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
  background: var(--pb-recall-modal-surface);
}

.recall-workflow-identity {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-1);
}

.recall-item-description {
  min-width: var(--pb-space-0);
  display: flex;
  align-items: flex-start;
  gap: var(--pb-space-1);
}

.recall-item-description h3 {
  min-width: var(--pb-space-0);
}

.recall-item-menu-trigger {
  width: var(--pb-size-control-sm);
  min-width: var(--pb-size-control-sm);
  height: var(--pb-size-control-sm);
  display: inline-grid;
  place-items: center;
  margin-block-start: calc(var(--pb-space-1) * -1);
  padding: var(--pb-space-0);
  border: var(--pb-border-width-sm) solid transparent;
  border-radius: var(--pb-radius-pill);
  background: transparent;
  color: var(--pb-color-text-secondary);
  font: inherit;
  font-size: var(--pb-font-size-xl);
  line-height: var(--pb-line-height-tight);
  cursor: pointer;
}

.recall-item-menu-trigger:hover {
  border-color: var(--pb-recall-border);
  background: var(--pb-inventory-control-hover-bg);
  color: var(--pb-color-text-primary);
}

.recall-item-menu-trigger:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-workflow-header h3,
.recall-section h4,
.recall-group h5 {
  margin: var(--pb-space-0);
}

.recall-workflow-header h3 {
  font-size: var(--pb-font-size-lg);
  font-weight: var(--pb-font-weight-bold);
}

.recall-workflow-header p,
.recall-section p,
.recall-exposure-note {
  margin: var(--pb-space-1) var(--pb-space-0) var(--pb-space-0);
  color: var(--pb-color-text-secondary);
}

.recall-progress {
  justify-content: flex-end;
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-workflow-header-actions {
  flex: 0 1 auto;
  justify-content: flex-end;
  margin-inline-start: auto;
}

.recall-history-back {
  flex-basis: 100%;
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: var(--pb-space-2);
  padding: var(--pb-space-1) var(--pb-space-2);
  border: none;
  border-radius: var(--pb-radius-md);
  background: transparent;
  color: var(--pb-recall-selection-accent);
  font: inherit;
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-semibold);
  cursor: pointer;
}

.recall-history-back:hover {
  background: var(--pb-recall-selection-soft);
}

.recall-history-back:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-history-back .recall-action-icon {
  width: var(--pb-size-icon-xs);
  height: var(--pb-size-icon-xs);
}

.recall-action-icon {
  width: var(--pb-size-icon-sm);
  height: var(--pb-size-icon-sm);
  display: block;
  flex: none;
  color: inherit;
  fill: none;
  stroke: currentColor;
}

.recall-icon-action {
  position: relative;
  width: var(--pb-size-control-md);
  min-width: var(--pb-size-control-md);
  padding: var(--pb-space-0);
}

.recall-history-trigger[aria-pressed="true"] {
  border-color: var(--pb-recall-history-trigger-active-text);
  background: var(--pb-recall-history-trigger-active-bg);
  color: var(--pb-recall-history-trigger-active-text);
}

.recall-tooltip::after {
  position: absolute;
  z-index: var(--pb-z-tooltip);
  inset-block-start: calc(100% + var(--pb-tooltip-offset));
  inset-inline-end: var(--pb-space-0);
  width: max-content;
  max-width: calc(var(--pb-space-12) * 5);
  padding: var(--pb-tooltip-padding-y) var(--pb-tooltip-padding-x);
  border-radius: var(--pb-tooltip-radius);
  background: var(--pb-tooltip-bg);
  box-shadow: var(--pb-tooltip-shadow);
  color: var(--pb-tooltip-text);
  content: attr(data-tooltip);
  font-size: var(--pb-tooltip-font-size);
  font-weight: var(--pb-tooltip-font-weight);
  line-height: var(--pb-line-height-tight);
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(var(--pb-motion-distance-sm) * -1));
  transition: opacity var(--pb-recall-motion) var(--pb-recall-easing), transform var(--pb-recall-motion) var(--pb-recall-easing);
  white-space: nowrap;
}

.recall-tooltip:hover::after,
.recall-tooltip:focus-visible::after {
  opacity: 1;
  transform: translateY(var(--pb-space-0));
}

.recall-progress-detail {
  min-width: calc(var(--pb-space-12) * 4);
  display: grid;
  gap: var(--pb-space-1);
  text-align: end;
}

.recall-progress-detail progress {
  width: 100%;
  height: var(--pb-recall-progress-height);
  border: none;
  border-radius: var(--pb-radius-pill);
  overflow: hidden;
  background: var(--pb-recall-progress-track);
}

.recall-progress-detail progress::-webkit-progress-bar {
  background: var(--pb-recall-progress-track);
}

.recall-progress-detail progress::-webkit-progress-value {
  background: var(--pb-recall-progress-fill);
}

.recall-progress-detail progress::-moz-progress-bar {
  background: var(--pb-recall-progress-fill);
}

.recall-workflow-actions {
  justify-content: flex-start;
  padding: var(--pb-space-2) var(--pb-space-5);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
  background: var(--pb-recall-modal-surface);
}

.recall-workflow-progress-row {
  justify-content: space-between;
  padding: var(--pb-space-2) var(--pb-space-5);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
  background: var(--pb-recall-modal-surface);
}

.recall-workflow-actions [data-recall-action="CLOSE"],
.recall-workflow-actions [data-recall-action="OVERRIDE_CLOSE"],
.recall-workflow-actions [data-recall-action="NO_STOCK_ATTESTATION"] {
  margin-inline-start: auto;
}

.recall-workflow-content {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
  padding: var(--pb-space-4);
  background: var(--pb-recall-modal-surface);
}

.recall-context-cards {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: repeat(6, minmax(var(--pb-space-0), 1fr));
  gap: var(--pb-space-0);
  border-radius: var(--pb-recall-radius);
  box-shadow: var(--pb-recall-workspace-shadow);
  overflow: hidden;
}

.recall-context-card {
  position: relative;
  min-width: var(--pb-space-0);
  display: grid;
  align-content: start;
  gap: var(--pb-space-1);
  padding: var(--pb-space-3);
  border: none;
  border-inline-end: var(--pb-border-width-sm) solid var(--pb-recall-context-divider);
  border-radius: var(--pb-space-0);
  background: transparent;
  color: var(--pb-color-text-primary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background var(--pb-recall-motion) var(--pb-recall-easing);
}

.recall-context-card:last-child {
  border-inline-end: none;
}

.recall-context-card::after {
  position: absolute;
  right: var(--pb-space-0);
  bottom: var(--pb-space-0);
  left: var(--pb-space-0);
  height: var(--pb-recall-selection-bar-size);
  background: transparent;
  content: '';
  pointer-events: none;
}

.recall-context-card:hover {
  background: var(--pb-inventory-control-hover-bg);
}

.recall-context-card:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-context-card[aria-selected="true"] {
  background: var(--pb-recall-selection-soft);
}

.recall-context-card[aria-selected="true"]::after {
  background: var(--pb-recall-selection-accent);
  box-shadow: var(--pb-space-0) calc(var(--pb-space-2) * -1) var(--pb-space-5) var(--pb-recall-selection-glow-color);
}

.recall-context-card-label,
.recall-context-card small {
  overflow: hidden;
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recall-context-card-label {
  color: var(--pb-color-text-primary);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-context-card strong {
  overflow-wrap: anywhere;
  font-size: var(--pb-font-size-sm);
}

.recall-context-workspace {
  min-width: var(--pb-space-0);
  border: none;
  border-radius: var(--pb-recall-radius);
  background: var(--pb-recall-panel-bg);
  box-shadow: var(--pb-recall-workspace-shadow);
  overflow: hidden;
}

.recall-context-workspace.is-history-active {
  overflow: visible;
}

.recall-context-panel {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-4);
  padding: var(--pb-space-4);
  outline: none;
}

.recall-context-panel[hidden] {
  display: none;
}

.recall-context-panel:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: calc(var(--pb-border-width-md) * -1);
}

.recall-context-panel-title,
.recall-context-panel h5 {
  margin: var(--pb-space-0);
}

.recall-context-panel h5 {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-bold);
}

.recall-context-panel-title {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-md);
  font-weight: var(--pb-font-weight-bold);
}

.recall-context-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-4);
  flex-wrap: wrap;
}

.recall-history-card {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-4);
}

.recall-history-summary {
  margin: var(--pb-space-0);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-history-legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--pb-space-3);
  flex-wrap: wrap;
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
}

.recall-history-legend span {
  display: inline-flex;
  align-items: center;
  gap: var(--pb-space-1);
  white-space: nowrap;
}

.recall-history-legend i {
  width: var(--pb-recall-history-marker-size);
  height: var(--pb-recall-history-marker-size);
  display: inline-block;
  border: var(--pb-border-width-sm) solid transparent;
  border-radius: var(--pb-radius-pill);
}

.recall-history-legend i.is-purchase {
  border-color: var(--pb-recall-history-purchase-marker);
  background: var(--pb-recall-history-purchase-marker);
}

.recall-history-legend i.is-closed {
  border-color: var(--pb-recall-history-closed-marker);
  background: var(--pb-recall-history-closed-marker);
}

.recall-history-legend i.is-pending {
  border-color: var(--pb-recall-history-pending-marker);
  background: var(--pb-recall-history-pending-marker);
}

.recall-history-timeline {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
  margin: var(--pb-space-0);
  padding: var(--pb-space-0);
  list-style: none;
}

.recall-history-timeline-item {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: var(--pb-recall-history-date-width) var(--pb-recall-history-marker-size) minmax(var(--pb-space-0), 1fr);
  align-items: start;
  gap: var(--pb-space-3);
}

.recall-history-timeline-date {
  padding-block-start: var(--pb-space-3);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  line-height: var(--pb-line-height-tight);
  text-align: end;
}

.recall-history-timeline-marker {
  position: relative;
  min-height: 100%;
}

.recall-history-timeline-marker::before {
  position: absolute;
  inset-block: var(--pb-space-0) calc(var(--pb-space-3) * -1);
  inset-inline-start: calc((var(--pb-recall-history-marker-size) - var(--pb-recall-history-rail-width)) / 2);
  width: var(--pb-recall-history-rail-width);
  background: var(--pb-recall-history-rail-color);
  content: '';
}

.recall-history-timeline-item:last-child .recall-history-timeline-marker::before {
  inset-block-end: 50%;
}

.recall-history-timeline-marker::after {
  position: absolute;
  inset-block-start: var(--pb-space-3);
  inset-inline-start: var(--pb-space-0);
  width: var(--pb-recall-history-marker-size);
  height: var(--pb-recall-history-marker-size);
  border: var(--pb-border-width-sm) solid var(--pb-recall-history-closed-marker);
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-history-closed-marker);
  content: '';
}

.recall-history-timeline-item.is-purchase .recall-history-timeline-marker::after {
  border-color: var(--pb-recall-history-purchase-marker);
  background: var(--pb-recall-history-purchase-marker);
}

.recall-history-timeline-item.is-pending .recall-history-timeline-marker::after {
  border-color: var(--pb-recall-history-pending-marker);
  background: var(--pb-recall-history-pending-marker);
}

.recall-history-tag-wrap {
  position: relative;
  min-width: var(--pb-space-0);
}

.recall-history-tag {
  width: 100%;
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
  padding: var(--pb-space-3) var(--pb-space-4);
  border: var(--pb-border-width-sm) solid var(--pb-recall-history-closed-border);
  border-radius: var(--pb-radius-lg);
  background: var(--pb-recall-history-closed-bg);
  color: var(--pb-recall-history-closed-text);
  font: inherit;
  text-align: left;
}

button.recall-history-tag {
  cursor: pointer;
  transition: transform var(--pb-recall-motion) var(--pb-recall-easing), box-shadow var(--pb-recall-motion) var(--pb-recall-easing);
}

button.recall-history-tag:hover {
  transform: translateY(calc(var(--pb-motion-distance-sm) * -1));
  box-shadow: var(--pb-recall-history-selected-shadow);
}

button.recall-history-tag:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-history-tag-heading {
  min-width: var(--pb-space-0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-3);
  flex-wrap: wrap;
}

.recall-history-tag small {
  color: inherit;
  font-size: var(--pb-font-size-xs);
}

.recall-history-tag.is-purchase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: var(--pb-recall-history-purchase-border);
  background: var(--pb-recall-history-purchase-bg);
  color: var(--pb-recall-history-purchase-text);
}

.recall-history-tag.is-pending {
  border-color: var(--pb-recall-history-pending-border);
  background: var(--pb-recall-history-pending-bg);
  color: var(--pb-recall-history-pending-text);
}

.recall-history-tag.is-closed {
  border-color: var(--pb-recall-history-closed-border);
  background: var(--pb-recall-history-closed-bg);
  color: var(--pb-recall-history-closed-text);
}

.recall-history-tag.is-viewed {
  box-shadow: var(--pb-recall-history-selected-shadow);
}

.recall-history-status {
  color: inherit;
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
  line-height: var(--pb-line-height-tight);
  white-space: nowrap;
}

.recall-history-reason {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: max-content minmax(var(--pb-space-0), 1fr);
  gap: var(--pb-space-2);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
  line-height: var(--pb-line-height-normal);
}

.recall-history-reason > span {
  color: var(--pb-color-text-secondary);
  overflow-wrap: anywhere;
}

.recall-context-intro {
  margin: var(--pb-space-0);
}

.recall-panel-section {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
}

.recall-panel-section > p,
.recall-empty-state,
.recall-read-only-state {
  margin: var(--pb-space-0);
}

.recall-checked-location-section,
.recall-closure-attestation {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
}

.recall-closure-attestation {
  padding: var(--pb-space-3);
  border: none;
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-bg);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-closure-attestation p {
  margin: var(--pb-space-0);
}

.recall-closure-actions {
  justify-content: flex-end;
}

.recall-state,
.recall-classification {
  display: inline-flex;
  align-items: center;
  padding: var(--pb-space-1) var(--pb-space-2);
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-warning-soft);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-state.is-ready-to-close,
.recall-state.is-closed {
  background: var(--pb-recall-success-soft);
}

.recall-section,
.recall-group,
.recall-location-card,
.recall-case-selector-item,
.overview-recall-detail {
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-recall-radius);
  background: var(--pb-recall-panel-bg);
}

.recall-section,
.recall-group,
.overview-recall-detail {
  min-width: var(--pb-space-0);
  padding: var(--pb-recall-panel-padding);
}

.recall-section {
  background: var(--pb-recall-section-bg);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-section-header {
  align-items: baseline;
}

.recall-section h4 {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-md);
  font-weight: var(--pb-font-weight-bold);
}

.recall-section h5,
.recall-lots-region h6 {
  margin: var(--pb-space-5) var(--pb-space-0) var(--pb-space-0);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-bold);
}

.recall-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--pb-space-12) * 4), 1fr));
  gap: var(--pb-recall-gap);
  margin: var(--pb-space-0);
}

.recall-details-grid div {
  min-width: var(--pb-space-0);
}

.recall-details-grid dt {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-details-grid dd {
  margin: var(--pb-space-1) var(--pb-space-0) var(--pb-space-0);
  overflow-wrap: anywhere;
}

.recall-table-wrap {
  max-width: 100%;
  min-width: var(--pb-space-0);
  overflow: auto;
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-radius-lg);
  background: var(--pb-recall-location-bg);
  scrollbar-gutter: stable;
}

.recall-table {
  width: 100%;
  min-width: var(--pb-recall-table-min-width);
  border-collapse: collapse;
  font-size: var(--pb-font-size-sm);
}

.recall-table th,
.recall-table td {
  text-align: left;
  vertical-align: top;
}

.recall-table th {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
}

.recall-workflow .pb-modal-host-action-primary {
  border-color: transparent;
  background: var(--pb-recall-primary-action-bg);
  color: var(--pb-recall-primary-action-text);
}

.recall-workflow .pb-modal-host-action-danger {
  border-color: transparent;
  background: var(--pb-recall-danger-action-bg);
  color: var(--pb-recall-danger-action-text);
}

.recall-workflow .pb-modal-host-action-secondary {
  border-color: transparent;
  background: var(--pb-recall-secondary-action-bg);
  color: var(--pb-color-text-secondary);
  box-shadow: none;
}

.recall-workflow .pb-modal-host-action-secondary:hover {
  border-color: transparent;
  background: var(--pb-recall-secondary-action-hover-bg);
  color: var(--pb-color-text-primary);
}

.recall-context-table {
  table-layout: fixed;
}

.recall-lot-evidence-table th,
.recall-lot-evidence-table td,
.recall-closure-location-table th,
.recall-closure-location-table td {
  padding-inline: var(--pb-recall-table-cell-padding-inline);
}

.recall-purchase-history-table col {
  width: var(--pb-recall-purchase-column-width);
}

.recall-closure-location-table {
  border-collapse: separate;
  border-spacing: var(--pb-space-0) var(--pb-recall-closure-row-gap);
  table-layout: fixed;
}

.recall-closure-location-table thead th {
  padding-block: var(--pb-recall-closure-header-padding-block);
}

.recall-closure-location-table .recall-closure-shift-column {
  width: var(--pb-recall-closure-shift-width);
}

.recall-closure-location-table .recall-closure-location-column {
  width: var(--pb-recall-closure-location-width);
}

.recall-closure-location-table .recall-closure-outcome-column {
  width: var(--pb-recall-closure-outcome-width);
}

.recall-closure-location-table .recall-closure-quantity-column {
  width: var(--pb-recall-closure-quantity-width);
}

.recall-closure-location-table .recall-closure-actor-column {
  width: var(--pb-recall-closure-actor-width);
}

.recall-closure-location-table .recall-closure-time-column {
  width: var(--pb-recall-closure-time-width);
}

.recall-closure-location-table th:last-child,
.recall-closure-location-table td:last-child {
  white-space: nowrap;
}

.recall-closure-location-table td.is-affected {
  font-weight: var(--pb-font-weight-medium);
}

.recall-closure-location-table td.has-recorded-quantity {
  color: var(--pb-recall-accent);
  font-weight: var(--pb-font-weight-bold);
}

.recall-context-table th {
  padding-block: var(--pb-recall-context-table-header-padding-block);
  background: var(--pb-recall-context-table-header-bg);
}

.recall-table tbody tr:last-child td {
  border-bottom: none;
}

.recall-location-groups,
.recall-history-list,
.recall-case-selector {
  display: grid;
  gap: var(--pb-recall-gap);
}

.recall-group {
  display: grid;
  gap: var(--pb-space-3);
  padding: var(--pb-space-0);
  border: none;
  border-radius: var(--pb-space-0);
  background: transparent;
}

.recall-group > .recall-section-header {
  padding-block-end: var(--pb-space-2);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-location-card {
  overflow: hidden;
  background: var(--pb-recall-location-bg);
}

.recall-location-panel-header {
  min-width: var(--pb-space-0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-3);
  flex-wrap: wrap;
}

.recall-location-panel-header label {
  display: inline-flex;
  align-items: center;
  gap: var(--pb-space-2);
  color: var(--pb-color-text-primary);
  font-weight: var(--pb-font-weight-medium);
}

.recall-location-panel-header select {
  min-height: var(--pb-size-control-sm);
  padding: var(--pb-space-1) var(--pb-space-7) var(--pb-space-1) var(--pb-space-2);
  border: none;
  border-radius: var(--pb-radius-md);
  background-color: var(--pb-recall-grouping-select-bg);
  color: var(--pb-color-text-primary);
  font: inherit;
  font-weight: var(--pb-font-weight-semibold);
  cursor: pointer;
}

.recall-location-panel-header select:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-location-total {
  color: var(--pb-color-text-secondary);
}

.recall-location-browser {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-recall-gap);
}

.recall-location-navigation {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: minmax(var(--pb-space-0), 1fr);
  align-items: stretch;
  gap: var(--pb-space-2);
  padding: var(--pb-space-3);
  border-radius: var(--pb-recall-radius);
}

.recall-location-navigation-tier {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: max-content minmax(var(--pb-space-0), 1fr);
  align-items: center;
  align-content: start;
  gap: var(--pb-space-2);
  padding: var(--pb-space-2);
  border-radius: var(--pb-radius-md);
}

.recall-location-navigation-tier[hidden],
.recall-location-drilldown-panel[hidden] {
  display: none;
}

.recall-location-drilldown-panel {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: max-content minmax(var(--pb-space-0), 1fr);
  align-items: center;
  gap: var(--pb-space-2);
}

.recall-location-drilldown-header {
  min-width: var(--pb-space-0);
  display: flex;
  align-items: center;
  gap: var(--pb-space-2);
  overflow: hidden;
}

.recall-location-level-back {
  min-height: var(--pb-size-control-sm);
  inline-size: var(--pb-size-control-sm);
  flex: 0 0 var(--pb-size-control-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--pb-space-1);
  border: none;
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-toggle-bg);
  color: var(--pb-recall-location-toggle-text);
  font: inherit;
  font-size: var(--pb-font-size-lg);
  font-weight: var(--pb-font-weight-semibold);
  cursor: pointer;
  transition: background var(--pb-recall-motion) var(--pb-recall-easing), color var(--pb-recall-motion) var(--pb-recall-easing), transform var(--pb-recall-motion) var(--pb-recall-easing);
}

.recall-location-level-back:hover {
  background: var(--pb-recall-location-toggle-bg-hover);
  color: var(--pb-recall-location-toggle-text);
  transform: translateX(calc(var(--pb-recall-navigation-motion-distance) * -1));
}

.recall-location-level-back:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-location-breadcrumb {
  min-height: var(--pb-size-control-sm);
  inline-size: var(--pb-recall-location-toggle-width);
  max-width: var(--pb-recall-location-toggle-width);
  flex: 0 0 var(--pb-recall-location-toggle-width);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-2);
  padding: var(--pb-space-2) var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-toggle-bg);
  color: var(--pb-recall-location-toggle-text);
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-semibold);
  white-space: nowrap;
  overflow: hidden;
}

.recall-location-breadcrumb[data-recall-complete="true"] {
  background: var(--pb-recall-location-toggle-complete-bg);
  color: var(--pb-recall-location-toggle-complete-text);
}

.recall-location-breadcrumb > span:not(.recall-location-button-check) {
  min-width: var(--pb-space-0);
  overflow: hidden;
  text-overflow: ellipsis;
}

.recall-location-navigation-arrow {
  min-height: var(--pb-size-control-sm);
  inline-size: var(--pb-size-control-sm);
  flex: 0 0 var(--pb-size-control-sm);
  align-self: stretch;
  display: inline-grid;
  place-items: center;
  color: var(--pb-recall-navigation-arrow-color);
}

.recall-location-navigation-arrow .ui-icon {
  inline-size: var(--pb-space-4);
  block-size: var(--pb-space-4);
}

.recall-location-navigation-tier h5 {
  margin: var(--pb-space-0);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-location-toggle-set {
  min-width: var(--pb-space-0);
  display: flex;
  flex-wrap: nowrap;
  gap: var(--pb-space-2);
  padding-block-end: var(--pb-space-1);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.recall-main-location-set,
.recall-location-button-set {
  flex-wrap: wrap;
  padding-block-end: var(--pb-space-0);
  overflow: visible;
}

.recall-location-toggle-set[hidden] {
  display: none;
}

.recall-location-toggle {
  inline-size: var(--pb-recall-location-toggle-width);
  min-width: var(--pb-space-0);
  max-width: var(--pb-recall-location-toggle-width);
  flex: 0 0 var(--pb-recall-location-toggle-width);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-2);
  padding: var(--pb-space-2) var(--pb-space-3);
  border: none;
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-toggle-bg);
  color: var(--pb-recall-location-toggle-text);
  font: inherit;
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-semibold);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: background var(--pb-recall-motion) var(--pb-recall-easing), color var(--pb-recall-motion) var(--pb-recall-easing), box-shadow var(--pb-recall-motion) var(--pb-recall-easing), transform var(--pb-recall-motion) var(--pb-recall-easing);
}

.recall-location-toggle > span:not(.recall-location-button-check) {
  min-width: var(--pb-space-0);
  overflow: hidden;
  text-overflow: ellipsis;
}

.recall-location-toggle small {
  color: inherit;
  font-size: var(--pb-font-size-xs);
}

.recall-location-toggle:hover {
  background: var(--pb-recall-location-toggle-bg-hover);
}

.recall-location-toggle:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-location-toggle[aria-pressed="true"] {
  background: var(--pb-recall-location-toggle-active-bg);
  box-shadow: var(--pb-recall-location-toggle-active-shadow);
  color: var(--pb-recall-location-toggle-active-text);
}

.recall-location-toggle[aria-pressed="true"]:hover {
  background: var(--pb-recall-location-toggle-active-hover-bg);
}

.recall-location-toggle[data-recall-complete="true"]:not([aria-pressed="true"]) {
  background: var(--pb-recall-location-toggle-complete-bg);
  color: var(--pb-recall-location-toggle-complete-text);
}

.recall-location-toggle[data-recall-complete="true"]:not([aria-pressed="true"]):hover {
  background: var(--pb-recall-location-toggle-complete-hover-bg);
}

.recall-location-navigation-tier.is-advancing .recall-location-toggle.is-collapsing-away {
  animation: recallLocationTierCollapse var(--pb-recall-navigation-collapse-motion) var(--pb-recall-navigation-exit-easing) both;
}

.recall-location-navigation-tier.is-advancing .recall-location-toggle.is-transition-target {
  animation: recallLocationTierSelection var(--pb-recall-navigation-collapse-motion) var(--pb-recall-navigation-easing) both;
}

.recall-location-navigation-tier.is-entering .recall-location-level-back,
.recall-location-navigation-tier.is-entering .recall-location-breadcrumb {
  animation: recallLocationTierReveal var(--pb-recall-navigation-reveal-motion) var(--pb-recall-navigation-easing) both;
}

.recall-location-navigation-tier.is-entering .recall-location-navigation-arrow,
.recall-location-navigation-tier.is-entering .recall-location-toggle {
  animation: recallLocationTierReveal var(--pb-recall-navigation-reveal-motion) var(--pb-recall-navigation-easing) var(--pb-recall-navigation-stagger) both;
}

.recall-location-navigation-tier.is-retreating .recall-location-level-back,
.recall-location-navigation-tier.is-retreating .recall-location-breadcrumb,
.recall-location-navigation-tier.is-retreating .recall-location-navigation-arrow,
.recall-location-navigation-tier.is-retreating .recall-location-toggle {
  transform-origin: left center;
  animation: recallLocationTierRetreat var(--pb-recall-navigation-collapse-motion) var(--pb-recall-navigation-exit-easing) both;
}

.recall-location-navigation-tier.is-returning .recall-location-level-back,
.recall-location-navigation-tier.is-returning .recall-location-breadcrumb,
.recall-location-navigation-tier.is-returning .recall-location-navigation-arrow,
.recall-location-navigation-tier.is-returning .recall-location-toggle {
  transform-origin: left center;
  animation: recallLocationTierReturn var(--pb-recall-navigation-reveal-motion) var(--pb-recall-navigation-easing) both;
}

.recall-location-button-check {
  flex: none;
  font-weight: var(--pb-font-weight-bold);
}

@keyframes recallLocationTierCollapse {
  to {
    inline-size: var(--pb-space-0);
    max-width: var(--pb-space-0);
    flex-basis: var(--pb-space-0);
    padding-inline: var(--pb-space-0);
    opacity: var(--pb-recall-navigation-hidden-opacity);
    transform: scaleX(var(--pb-recall-navigation-collapse-scale));
  }
}

@keyframes recallLocationTierSelection {
  to {
    transform: translateX(calc(var(--pb-recall-navigation-motion-distance) * -1));
  }
}

@keyframes recallLocationTierReveal {
  from {
    opacity: var(--pb-recall-navigation-hidden-opacity);
    transform: translateX(var(--pb-recall-navigation-motion-distance));
  }
}

@keyframes recallLocationTierRetreat {
  to {
    opacity: var(--pb-recall-navigation-hidden-opacity);
    transform: translateX(calc(var(--pb-recall-navigation-motion-distance) * -1)) scaleX(var(--pb-recall-navigation-collapse-scale));
  }
}

@keyframes recallLocationTierReturn {
  from {
    opacity: var(--pb-recall-navigation-hidden-opacity);
    transform: translateX(calc(var(--pb-recall-navigation-motion-distance) * -1)) scaleX(var(--pb-recall-navigation-collapse-scale));
  }
}

.recall-location-card-workspace {
  min-width: var(--pb-space-0);
}

.recall-location-card-workspace .recall-location-card.is-selected {
  border: none;
  background: var(--pb-recall-panel-bg);
  box-shadow: var(--pb-recall-workspace-shadow);
}

.recall-location-summary {
  padding: var(--pb-space-3) var(--pb-space-4);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-context-divider);
  background: var(--pb-recall-selection-soft);
  color: var(--pb-color-text-primary);
}

.recall-location-summary.is-pending {
  background: var(--pb-recall-location-header-pending-bg);
}

.recall-location-summary.is-logged {
  background: var(--pb-recall-location-header-complete-bg);
}

.recall-location-summary > span:last-child {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-location-summary-status {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--pb-space-2);
  flex-wrap: wrap;
}

.recall-location-workspace {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: repeat(2, minmax(var(--pb-recall-workspace-column-min), 1fr));
  align-items: start;
  gap: var(--pb-recall-gap);
  padding: var(--pb-space-4);
  background: var(--pb-recall-section-bg);
}

.recall-location-details-card,
.recall-location-verification-card {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-recall-gap);
  padding: var(--pb-space-4);
  border-radius: var(--pb-recall-radius);
  background: var(--pb-recall-panel-bg);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-location-details-card > h6,
.recall-location-verification-card > h6,
.recall-lots-region > h6 {
  margin: var(--pb-space-0);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-bold);
}

.recall-quantity-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  gap: var(--pb-space-2);
  margin: var(--pb-space-0);
}

.recall-field input[readonly] {
  background: var(--pb-recall-subtle-bg);
  color: var(--pb-color-text-secondary);
}

.recall-quantity-summary > div {
  padding: var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-subtle-bg);
}

.recall-location-form {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-recall-gap);
  padding: var(--pb-space-0);
  border: none;
  border-radius: var(--pb-space-0);
  background: transparent;
}

.recall-location-form[hidden],
.recall-location-review[hidden] {
  display: none;
}

.recall-location-review {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-recall-gap);
}

.recall-location-review-grid {
  grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
}

.recall-form-grid {
  display: grid;
  grid-template-columns: minmax(var(--pb-space-0), 1fr);
  gap: var(--pb-recall-compact-gap);
}

.recall-form-grid .recall-field-wide {
  grid-column: auto;
}

.recall-field {
  display: grid;
  gap: var(--pb-space-1);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-fixed-field {
  display: grid;
  align-content: start;
  gap: var(--pb-space-1);
  padding: var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-bg);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-fixed-field strong,
.recall-fixed-field output {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
}

.recall-field input,
.recall-field select,
.recall-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--pb-size-control-md);
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-radius-md);
  padding: var(--pb-space-2) var(--pb-space-3);
  background: var(--pb-color-surface-base);
  color: var(--pb-color-text-primary);
  font: inherit;
}

.recall-field input:disabled,
.recall-field select:disabled,
.recall-field textarea:disabled {
  cursor: not-allowed;
  opacity: var(--pb-opacity-disabled);
}

.recall-field input::placeholder,
.recall-field textarea::placeholder {
  color: var(--pb-color-text-muted);
  opacity: 1;
}

.recall-field textarea {
  min-height: calc(var(--pb-size-control-md) * 2);
  resize: vertical;
}

.recall-field input:focus-visible,
.recall-field select:focus-visible,
.recall-field textarea:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-lots-region {
  display: grid;
  gap: var(--pb-space-3);
  padding: var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-subtle-bg);
}

.recall-lots-region .recall-section-header h6 {
  margin: var(--pb-space-0);
}

.recall-source-lot-summary,
.recall-source-lot-list {
  min-width: var(--pb-space-0);
}

.recall-source-lot-summary {
  display: grid;
  gap: var(--pb-space-2);
}

.recall-source-lot-summary p,
.recall-legacy-warning p {
  margin: var(--pb-space-0);
}

.recall-source-lot-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pb-space-2);
  margin: var(--pb-space-0);
  padding: var(--pb-space-0);
  list-style: none;
}

.recall-source-lot-list li {
  display: grid;
  gap: var(--pb-space-1);
  padding: var(--pb-space-2) var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-panel-bg);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-source-lot-list span,
.recall-source-lot-summary .recall-section-header span {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
}

.recall-combined-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  gap: var(--pb-recall-compact-gap);
}

.recall-combined-action-grid .recall-field-wide {
  grid-column: span 2;
}

.recall-legacy-warning,
.recall-inline-warning {
  padding: var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-warning-bg);
  color: var(--pb-color-text-primary);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-legacy-warning details,
.recall-legacy-warning ul {
  margin-block-start: var(--pb-space-2);
}

.recall-legacy-warning summary {
  cursor: pointer;
  font-weight: var(--pb-font-weight-semibold);
}

.recall-legacy-warning li + li {
  margin-block-start: var(--pb-space-1);
}

.recall-attestation {
  display: flex;
  align-items: flex-start;
  gap: var(--pb-recall-compact-gap);
  padding: var(--pb-space-3);
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-bg);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
}

.recall-inline-status {
  min-height: var(--pb-size-control-sm);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-inline-status[data-ai-state="error"] {
  color: var(--pb-recall-accent);
}

.pb-recall-match-modal,
.pb-recall-override-modal,
.pb-recall-scan-modal {
  width: var(--pb-modal-frame-width);
}

.pb-recall-match-modal-body,
.recall-manual-match-form,
.pb-recall-override-modal-body,
.recall-override-close-form {
  min-width: var(--pb-space-0);
}

.recall-manual-match-form,
.recall-override-close-form {
  display: grid;
  gap: var(--pb-recall-gap);
}

.pb-recall-scan-modal-body,
.recall-scan-form {
  min-width: var(--pb-space-0);
}

.recall-scan-form,
.recall-scan-location-list,
.recall-scan-intro {
  display: grid;
  gap: var(--pb-recall-gap);
}

.recall-scan-intro p {
  margin: var(--pb-space-0);
}

.recall-scan-subtitle {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-md);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-scan-integrity-note {
  padding: var(--pb-space-3);
  border: var(--pb-border-width-sm) solid var(--pb-color-status-warning);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-warning-soft);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
}

.recall-scan-location-list {
  gap: var(--pb-recall-compact-gap);
}

.recall-scan-location-row {
  display: grid;
  grid-template-columns:
    minmax(var(--pb-space-0), 1fr)
    minmax(calc(var(--pb-space-12) * 2), calc(var(--pb-space-12) * 3))
    minmax(calc(var(--pb-space-12) * 4), calc(var(--pb-space-12) * 5));
  align-items: end;
  gap: var(--pb-recall-gap);
  padding: var(--pb-space-3);
  border: none;
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-location-bg);
}

.recall-scan-location-row[data-ai-state="complete"] {
  background: var(--pb-recall-success-soft);
}

.recall-scan-location-copy {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-1);
}

.recall-scan-location-copy span,
.recall-scan-location-copy small {
  color: var(--pb-color-text-secondary);
}

.recall-scan-attestation {
  margin-block-start: var(--pb-space-1);
}

.recall-match-context,
.recall-override-context {
  display: grid;
  gap: var(--pb-space-3);
  padding: var(--pb-space-4);
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-recall-radius);
  background: var(--pb-recall-section-bg);
}

.recall-match-context h3,
.recall-match-context p,
.recall-override-context h3,
.recall-override-context p {
  margin: var(--pb-space-0);
}

.recall-match-context p,
.recall-override-context p,
.recall-field-help {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
  box-shadow: var(--pb-recall-section-shadow);
}

.recall-location-form-actions {
  align-items: center;
  justify-content: flex-end;
}

.recall-location-form-actions .recall-inline-status {
  margin-inline-end: auto;
}

.recall-closure-pending-caption {
  color: var(--pb-color-text-primary);
  font-weight: var(--pb-font-weight-semibold);
}

.recall-match-results {
  display: none;
  max-height: calc(var(--pb-size-control-md) * 6);
  overflow-y: auto;
  border: var(--pb-border-width-sm) solid var(--pb-color-border-default);
  border-radius: var(--pb-radius-md);
  background: var(--pb-color-surface-base);
}

.recall-match-result {
  display: grid;
  gap: var(--pb-space-1);
  padding: var(--pb-space-2) var(--pb-space-3);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
  color: var(--pb-color-text-primary);
  cursor: pointer;
}

.recall-match-result:last-child {
  border-bottom: none;
}

.recall-match-result:hover {
  background: var(--pb-inventory-control-hover-bg);
}

.recall-match-result-code {
  font-weight: var(--pb-font-weight-semibold);
}

.recall-match-result-name {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-match-integrity-note {
  padding: var(--pb-space-3);
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-warning-soft);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
}

.recall-override-warning {
  padding: var(--pb-space-3);
  border: var(--pb-border-width-sm) solid var(--pb-recall-accent);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-accent-soft);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
}

.recall-history-list {
  margin: var(--pb-space-0);
  padding: var(--pb-space-0);
  list-style: none;
}

.recall-history-list li {
  display: grid;
  grid-template-columns: minmax(calc(var(--pb-space-12) * 2), auto) 1fr;
  gap: var(--pb-recall-gap);
  padding: var(--pb-space-2) var(--pb-space-0);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
}

.recall-history-list time,
.recall-history-list small {
  color: var(--pb-color-text-secondary);
}

.recall-case-selector-item {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(var(--pb-space-0), 1fr) auto;
  grid-template-areas:
    "title date"
    "meta date";
  column-gap: var(--pb-recall-gap);
  row-gap: var(--pb-space-1);
  align-items: center;
  padding: var(--pb-space-4);
  background: var(--pb-recall-section-bg);
  color: var(--pb-color-text-primary);
  text-align: left;
  cursor: pointer;
  transition: background var(--pb-recall-motion) var(--pb-recall-easing), border-color var(--pb-recall-motion) var(--pb-recall-easing);
}

.recall-case-selector-item:hover,
.recall-case-selector-item:focus-visible {
  border-color: var(--pb-color-brand-500);
  background: var(--pb-inventory-control-hover-bg);
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}

.recall-case-selector-title {
  grid-area: title;
  min-width: var(--pb-space-0);
}

.recall-case-selector-item > span {
  grid-area: meta;
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
}

.recall-case-selector-date {
  grid-area: date;
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-sm);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.alerts-summary-count.is-recall {
  color: var(--pb-color-text-primary);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.alerts-summary-count.is-recall .alerts-summary-count-icon {
  background: var(--pb-recall-accent-soft);
  color: var(--pb-recall-accent);
}

.alerts-summary-count-strip.has-recall-access {
  grid-template-columns: repeat(5, minmax(var(--pb-space-0), 1fr));
}

.overview-recall-workspace[hidden],
.recall-lots-region[hidden] {
  display: none;
}

.overview-recall-card .alerts-summary-badges {
  justify-content: flex-start;
  align-items: center;
  gap: var(--pb-space-1);
}

.overview-recall-card.is-selected {
  background: var(--pb-alert-row-selected-bg);
}

.overview-recall-card.is-selected::before {
  background: var(--pb-alert-row-selection-accent);
}

.overview-recall-card .alerts-summary-item-type {
  border-color: var(--pb-recall-border);
  background: var(--pb-recall-section-bg);
}

.overview-recall-card .alerts-summary-item-progress {
  min-width: calc(var(--pb-size-control-lg) * 2);
  display: grid;
  justify-items: end;
  gap: var(--pb-space-1);
  padding: var(--pb-space-0);
  border: var(--pb-space-0);
  border-radius: var(--pb-space-0);
  background: transparent;
  font-variant-numeric: tabular-nums;
  text-align: end;
}

.overview-recall-card .alerts-summary-item-progress > strong {
  color: var(--pb-recall-accent);
}

.overview-recall-card .alerts-summary-item-progress progress {
  width: 100%;
  height: var(--pb-recall-progress-height);
  border: var(--pb-space-0);
  border-radius: var(--pb-radius-pill);
  appearance: none;
  overflow: hidden;
  background: transparent;
}

.overview-recall-card .alerts-summary-item-progress progress::-webkit-progress-bar {
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-progress-track);
}

.overview-recall-card .alerts-summary-item-progress progress::-webkit-progress-value {
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-progress-fill);
}

.overview-recall-card .alerts-summary-item-progress progress::-moz-progress-bar {
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-progress-fill);
}

.overview-recall-card .overview-recall-row-actions {
  grid-auto-columns: var(--pb-size-control-sm);
}

.overview-recall-source-picker {
  position: fixed;
  z-index: var(--pb-recall-source-picker-z);
  min-width: var(--pb-recall-source-picker-min-width);
  display: grid;
  gap: var(--pb-space-1);
  padding: var(--pb-space-2);
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-panel-bg);
  box-shadow: var(--pb-shadow-md);
}

.overview-recall-source-option {
  display: flex;
  align-items: center;
  min-height: var(--pb-size-control-sm);
  padding: var(--pb-space-2) var(--pb-space-3);
  border-radius: var(--pb-radius-sm);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-sm);
  font-weight: var(--pb-font-weight-semibold);
  text-decoration: none;
}

.overview-recall-source-option:hover,
.overview-recall-source-option:focus-visible {
  background: var(--pb-recall-secondary-action-hover-bg);
}

.overview-recall-source-option:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: calc(var(--pb-border-width-md) * -1);
}

.overview-recall-card.is-selected .overview-recall-row-actions {
  max-width: calc((var(--pb-size-control-sm) * 2) + var(--pb-space-2) + var(--pb-space-3));
}

@media (max-width: 640px) {
  .overview-recall-card .alerts-summary-item-progress {
    min-width: min(100%, calc(var(--pb-size-control-lg) * 3));
  }
}

/* Compact overview recall detail layout. */
.overview-recall-detail-chip {
  display: inline-flex;
  align-items: center;
  min-height: var(--pb-size-control-xs);
  padding: var(--pb-space-1) var(--pb-space-2);
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-accent-soft);
  color: var(--pb-recall-accent);
  font-size: var(--pb-font-size-2xs);
  font-weight: var(--pb-font-weight-semibold);
  line-height: var(--pb-line-height-tight);
  white-space: nowrap;
}

#recallSummaryWorkspace {
  display: grid;
  grid-template-columns: var(--pb-recall-overview-list-track) var(--pb-recall-overview-detail-track);
  align-items: stretch;
  column-gap: var(--pb-recall-gap);
  overflow: visible;
  transition:
    grid-template-columns var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing),
    column-gap var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing);
}

#recallSummaryWorkspace[data-ai-detail-state="hidden"] {
  grid-template-columns: var(--pb-recall-overview-expanded-list-track) var(--pb-recall-overview-hidden-detail-track);
  column-gap: var(--pb-space-0);
  transition-timing-function: var(--pb-recall-overview-detail-exit-easing);
}

#recallSummaryWorkspace > .alerts-summary-list-panel {
  width: 100%;
  min-width: var(--pb-space-0);
  gap: var(--pb-space-0);
  padding: var(--pb-space-0);
}

.overview-recall-column-header {
  grid-template-columns: minmax(var(--pb-space-0), 1fr) minmax(calc(var(--pb-size-control-lg) * 2), max-content);
}

#recallSummaryList.alerts-summary-list {
  margin: var(--pb-space-0);
}

#recallSummaryList .overview-recall-row-select {
  grid-template-columns: minmax(var(--pb-space-0), 1fr) minmax(calc(var(--pb-size-control-lg) * 2), max-content);
  gap: var(--pb-space-4);
  padding: var(--pb-space-3) var(--pb-space-4);
}

#recallSummaryList .alerts-summary-item-copy {
  gap: var(--pb-space-2);
}

#recallSummaryList .alerts-summary-item-copy > strong {
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
  line-height: var(--pb-line-height-normal);
}

#recallSummaryList .alerts-summary-item-type {
  padding: var(--pb-space-1) var(--pb-space-2);
  font-size: var(--pb-font-size-2xs);
  line-height: var(--pb-line-height-tight);
}

#recallSummaryWorkspace > #recallSummaryDetail {
  width: 100%;
  min-width: var(--pb-space-0);
  height: 100%;
  align-self: stretch;
  overflow: hidden;
  scrollbar-gutter: auto;
  opacity: var(--pb-recall-overview-detail-visible-opacity);
  transform: translateX(var(--pb-space-0));
  transform-origin: right center;
  transition:
    opacity var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing),
    transform var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing),
    padding-inline var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing),
    border-inline-width var(--pb-recall-overview-detail-motion) var(--pb-recall-overview-detail-easing);
}

#recallSummaryWorkspace[data-ai-detail-state="hidden"] > #recallSummaryDetail {
  padding-inline: var(--pb-space-0);
  border-inline-width: var(--pb-space-0);
  opacity: var(--pb-recall-overview-detail-hidden-opacity);
  pointer-events: none;
  transform: translateX(var(--pb-recall-overview-detail-slide-distance));
  transition-timing-function: var(--pb-recall-overview-detail-exit-easing);
}

.overview-recall-detail {
  display: grid;
  align-content: start;
  gap: var(--pb-space-3);
  padding: var(--pb-space-4);
}

.overview-recall-detail-header {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-2);
  padding-bottom: var(--pb-space-3);
  border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-border);
}

.overview-recall-detail-header h3 {
  min-width: var(--pb-space-0);
  font-size: var(--pb-font-size-md);
  line-height: var(--pb-line-height-tight);
  overflow-wrap: anywhere;
}

#recallSummaryDetail .alerts-detail-header-meta {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-2xs);
  font-weight: var(--pb-font-weight-regular);
  line-height: var(--pb-line-height-tight);
}

.overview-recall-detail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pb-space-2);
}

.overview-recall-detail-chip {
  border: var(--pb-border-width-sm) solid var(--pb-recall-border);
  background: var(--pb-recall-section-bg);
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-2xs);
  font-weight: var(--pb-font-weight-bold);
  text-transform: uppercase;
}

.overview-recall-detail .recall-details-grid {
  grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  gap: var(--pb-space-3) var(--pb-space-4);
}

.overview-recall-information {
  min-width: var(--pb-space-0);
  display: grid;
  gap: var(--pb-space-3);
}

#recallSummaryDetail .alerts-detail-section-title {
  margin: var(--pb-space-0);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
  line-height: var(--pb-line-height-tight);
}

.overview-recall-detail-pair {
  min-width: var(--pb-space-0);
}

.overview-recall-detail-pair dt,
.overview-recall-section-label,
.overview-recall-purchase-date > span {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-2xs);
  font-weight: var(--pb-font-weight-regular);
  line-height: var(--pb-line-height-tight);
}

.overview-recall-detail-pair dd,
.overview-recall-purchase-date time {
  margin: var(--pb-space-1) var(--pb-space-0) var(--pb-space-0);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-regular);
  line-height: var(--pb-line-height-normal);
}

.overview-recall-detail-pair.overview-recall-date dd {
  font-weight: var(--pb-font-weight-bold);
}

.overview-recall-purchase-window {
  display: grid;
  gap: var(--pb-space-3);
}

#recallSummaryDetail .overview-recall-primary-evidence {
  border-color: color-mix(in srgb, var(--pb-recall-accent) 24%, var(--pb-recall-border));
  background: color-mix(in srgb, var(--pb-recall-accent) 6%, var(--pb-recall-panel-bg));
}

#recallSummaryDetail .overview-recall-primary-evidence .alerts-detail-section-title {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-2xs);
  letter-spacing: var(--pb-letter-spacing-wide);
  text-transform: uppercase;
}

.overview-recall-section-label {
  margin: var(--pb-space-0);
}

.overview-recall-purchase-range {
  display: grid;
  grid-template-columns: minmax(var(--pb-space-0), 1fr) auto minmax(var(--pb-space-0), 1fr);
  align-items: center;
  gap: var(--pb-space-3);
}

.overview-recall-purchase-date {
  min-width: var(--pb-space-0);
  display: grid;
}

.overview-recall-purchase-date:last-child {
  justify-items: end;
  text-align: right;
}

.overview-recall-purchase-date time {
  font-weight: var(--pb-font-weight-semibold);
  white-space: nowrap;
}

.overview-recall-purchase-arrow {
  display: grid;
  place-items: center;
  width: var(--pb-size-control-sm);
  height: var(--pb-size-control-sm);
  border-radius: var(--pb-radius-pill);
  background: var(--pb-recall-selection-soft);
  color: var(--pb-recall-progress-fill);
  font-size: var(--pb-font-size-md);
  line-height: var(--pb-line-height-tight);
}

.overview-recall-exposure-note {
  margin: var(--pb-space-0);
  padding: var(--pb-space-3);
  border-radius: var(--pb-radius-md);
  background: var(--pb-recall-selection-soft);
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-regular);
  line-height: var(--pb-line-height-normal);
}

.overview-recall-reason {
  min-width: var(--pb-space-0);
  display: grid;
  grid-template-columns: auto minmax(var(--pb-space-0), 1fr);
  align-items: baseline;
  gap: var(--pb-space-3);
}

.overview-recall-reason h4,
.overview-recall-reason p {
  margin: var(--pb-space-0);
}

.overview-recall-reason h4 {
  color: var(--pb-color-text-primary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-semibold);
}

.overview-recall-reason p {
  color: var(--pb-color-text-secondary);
  font-size: var(--pb-font-size-xs);
  font-weight: var(--pb-font-weight-regular);
}

.recall-error {
  color: var(--pb-recall-accent);
}

.recall-print-document {
  display: none;
}

@media (max-width: 800px) {
  .pb-recall-modal {
    width: 100%;
  }

  .recall-progress {
    justify-content: flex-start;
  }

  .recall-progress-detail {
    text-align: start;
  }

  .recall-workflow-progress-row {
    align-items: flex-start;
  }

  .recall-location-workspace {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

}

@media (max-width: 980px) {
  .alerts-summary-count-strip.has-recall-access {
    grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  }

  .recall-context-cards {
    grid-template-columns: repeat(3, minmax(var(--pb-space-0), 1fr));
  }

  .recall-combined-action-grid {
    grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  }

  .recall-combined-action-grid .recall-field-wide {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .recall-workflow-header,
  .recall-workflow-actions {
    padding-inline: var(--pb-space-4);
  }

  .recall-workflow-content {
    padding: var(--pb-space-3);
  }

  .recall-workflow-header-actions {
    width: 100%;
    justify-content: flex-start;
    margin-inline-start: var(--pb-space-0);
  }

  .recall-context-cards {
    grid-template-columns: repeat(2, minmax(var(--pb-space-0), 1fr));
  }

  .recall-location-navigation {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

  .recall-location-drilldown-panel {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

  .recall-location-drilldown-header {
    padding-block-end: var(--pb-space-2);
    overflow-x: auto;
    overflow-y: hidden;
  }

  .recall-location-toggle,
  .recall-location-breadcrumb {
    inline-size: calc(var(--pb-recall-location-toggle-width) - var(--pb-space-1));
    max-width: calc(var(--pb-recall-location-toggle-width) - var(--pb-space-1));
    flex-basis: calc(var(--pb-recall-location-toggle-width) - var(--pb-space-1));
  }

  .recall-section {
    padding: var(--pb-space-3);
  }

  .recall-form-grid,
  .recall-combined-action-grid,
  .recall-quantity-summary,
  .recall-location-review-grid {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

  .recall-form-grid .recall-field-wide,
  .recall-combined-action-grid .recall-field-wide {
    grid-column: auto;
  }

  .recall-scan-location-row {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

  .recall-workflow-actions [data-recall-action="CLOSE"],
  .recall-workflow-actions [data-recall-action="OVERRIDE_CLOSE"],
  .recall-workflow-actions [data-recall-action="NO_STOCK_ATTESTATION"] {
    margin-inline-start: var(--pb-space-0);
  }

  .recall-context-panel-heading,
  .recall-history-tag-heading,
  .recall-history-tag.is-purchase {
    align-items: stretch;
    flex-direction: column;
  }

  .recall-history-legend {
    justify-content: flex-start;
  }

  .recall-history-reason {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
  }

  .recall-history-timeline-item {
    grid-template-columns: var(--pb-recall-history-marker-size) minmax(var(--pb-space-0), 1fr);
    gap: var(--pb-space-2);
  }

  .recall-history-timeline-date {
    grid-column: 2;
    grid-row: 1;
    padding-block-start: var(--pb-space-0);
    text-align: start;
  }

  .recall-history-timeline-marker {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .recall-history-tag-wrap {
    grid-column: 2;
    grid-row: 2;
  }

  .recall-history-timeline-marker::after {
    inset-block-start: var(--pb-space-0);
  }

}

@media (max-height: 560px) {
  .pb-recall-modal {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  #recallSummaryWorkspace,
  #recallSummaryWorkspace > #recallSummaryDetail,
  .recall-badge,
  .recall-case-selector-item,
  .recall-context-card,
  .recall-location-toggle,
  .recall-location-level-back,
  .recall-location-breadcrumb,
  .recall-location-navigation-arrow {
    transition-duration: var(--pb-motion-duration-reduced);
  }

  .recall-location-navigation-tier.is-advancing .recall-location-toggle,
  .recall-location-navigation-tier.is-retreating .recall-location-level-back,
  .recall-location-navigation-tier.is-retreating .recall-location-breadcrumb,
  .recall-location-navigation-tier.is-retreating .recall-location-navigation-arrow,
  .recall-location-navigation-tier.is-retreating .recall-location-toggle,
  .recall-location-navigation-tier.is-returning .recall-location-level-back,
  .recall-location-navigation-tier.is-returning .recall-location-breadcrumb,
  .recall-location-navigation-tier.is-returning .recall-location-navigation-arrow,
  .recall-location-navigation-tier.is-returning .recall-location-toggle,
  .recall-location-navigation-tier.is-entering .recall-location-level-back,
  .recall-location-navigation-tier.is-entering .recall-location-breadcrumb,
  .recall-location-navigation-tier.is-entering .recall-location-navigation-arrow,
  .recall-location-navigation-tier.is-entering .recall-location-toggle {
    animation-duration: var(--pb-motion-duration-reduced);
    animation-delay: var(--pb-motion-duration-reduced);
  }

  .recall-tooltip::after {
    transform: none;
    transition-duration: var(--pb-motion-duration-reduced);
  }

  button.recall-history-tag {
    transform: none;
    transition-duration: var(--pb-motion-duration-reduced);
  }
}

/* A collapsed Supply Risk rail exposes counts only, never its table/detail workspace. */
.overview-summary-grid[data-ai-mode="accordion"] .overview-summary-card[data-ai-card="supply-risk"][data-ai-accordion-state="collapsed"] #alertsGenericWorkspace,
.overview-summary-grid[data-ai-mode="accordion"] .overview-summary-card[data-ai-card="supply-risk"][data-ai-accordion-state="collapsed"] #recallSummaryWorkspace {
  display: none !important;
}

@media print {
  @page {
    size: var(--pb-recall-print-page-width) var(--pb-recall-print-page-height);
    margin: var(--pb-recall-print-margin);
  }

  body.recall-print-page {
    margin: var(--pb-space-0);
    background: var(--pb-recall-print-bg);
    color: var(--pb-recall-print-text);
    font-family: var(--pb-font-sans);
    font-size: var(--pb-recall-print-font-size);
  }

  .recall-print-document {
    display: block;
  }

  .recall-print-cover:not(:last-child) {
    break-after: page;
  }

  .recall-print-cover th {
    width: var(--pb-recall-print-label-width);
    white-space: nowrap;
  }

  .recall-print-highlight th,
  .recall-print-highlight td {
    background: var(--pb-recall-print-highlight-bg);
    color: var(--pb-recall-print-highlight-text);
  }

  .recall-print-check-page:not(:last-child) {
    break-after: page;
  }

  .recall-print-group-caption {
    margin-block: var(--pb-space-1) var(--pb-space-3);
  }

  .recall-print-document table {
    width: 100%;
    border-collapse: collapse;
  }

  .recall-print-document th,
  .recall-print-document td {
    border: var(--pb-border-width-sm) solid var(--pb-recall-print-border);
    padding: var(--pb-space-1);
    vertical-align: top;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .recall-print-location-table {
    table-layout: fixed;
    font-size: var(--pb-recall-print-table-font-size);
  }

  .recall-print-location-table .recall-print-lot-cell {
    width: var(--pb-recall-print-lot-column-width);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .recall-print-check-header-row > th {
    padding: var(--pb-space-0);
    background: var(--pb-recall-print-check-header-bg);
    color: var(--pb-recall-print-text);
  }

  .recall-print-check-header dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(var(--pb-space-0), 1fr));
    gap: var(--pb-space-2);
    margin: var(--pb-space-0);
    padding: var(--pb-space-2);
  }

  .recall-print-check-header dt {
    color: var(--pb-recall-print-muted);
    font-weight: var(--pb-font-weight-semibold);
  }

  .recall-print-check-header dd {
    margin: var(--pb-space-1) var(--pb-space-0) var(--pb-space-0);
    overflow-wrap: anywhere;
  }

  .recall-print-check-header .recall-print-check-instructions,
  .recall-print-check-header .recall-print-check-lot-information,
  .recall-print-check-header .recall-print-class-footnote {
    grid-column: 1 / -1;
  }

  .recall-print-check-lot-information {
    padding: var(--pb-space-2);
    background: var(--pb-recall-print-highlight-bg);
    color: var(--pb-recall-print-highlight-text);
  }

  .recall-print-check-header {
    display: grid;
    grid-template-columns: minmax(var(--pb-space-0), 1fr) var(--pb-recall-print-scan-block-width);
    align-items: stretch;
  }

  .recall-print-check-header .recall-print-check-item {
    grid-column: span 2;
  }

  .recall-print-check-class dd {
    font-weight: var(--pb-font-weight-bold);
  }

  .recall-print-class-footnote,
  .recall-print-class-footnote dd {
    font-size: var(--pb-recall-print-footnote-font-size);
  }

  .recall-print-class-footnote ul {
    display: grid;
    gap: var(--pb-space-1);
    margin: var(--pb-space-1) var(--pb-space-0) var(--pb-space-0);
    padding-inline-start: var(--pb-space-4);
  }

  .recall-print-class-footnote strong {
    font-weight: var(--pb-font-weight-semibold);
  }

  .recall-print-class-footnote .is-active strong {
    font-weight: var(--pb-font-weight-bold);
  }

  .recall-print-class-footnote span {
    font-weight: var(--pb-font-weight-regular);
  }

  .recall-print-check-barcode {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: var(--pb-space-1);
    padding: var(--pb-space-2);
    border-left: var(--pb-border-width-sm) solid var(--pb-recall-print-border);
    background: var(--pb-recall-print-bg);
    color: var(--pb-recall-print-text);
    text-align: center;
    break-inside: avoid;
  }

  .recall-print-datamatrix-svg {
    width: var(--pb-recall-print-datamatrix-size);
    height: var(--pb-recall-print-datamatrix-size);
    display: block;
  }

  .recall-print-datamatrix-background {
    fill: var(--pb-recall-print-bg);
  }

  .recall-print-datamatrix-modules {
    fill: var(--pb-recall-print-text);
  }

  .recall-print-check-barcode small {
    color: var(--pb-recall-print-muted);
    font-size: var(--pb-recall-print-table-font-size);
  }

  .recall-print-document thead {
    display: table-header-group;
  }

  .recall-print-document tr,
  .recall-print-signatures {
    break-inside: avoid;
  }

  .recall-print-document h1 {
    font-size: var(--pb-recall-print-title-size);
  }

  .recall-print-signatures {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--pb-space-5);
    margin-top: var(--pb-space-6);
  }

  .recall-print-signature-line {
    min-height: var(--pb-recall-signature-height);
    border-bottom: var(--pb-border-width-sm) solid var(--pb-recall-print-text);
  }

  .recall-print-muted {
    color: var(--pb-recall-print-muted);
  }
}