.legacy-card { margin-bottom: 1rem; }
.legacy-heading, .legacy-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .65rem;
}
.legacy-heading { margin-bottom: .9rem; }
.legacy-heading h2 { margin: 0; font-size: 1.08rem; }
.legacy-actions { justify-content: flex-start; }
.legacy-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}
.legacy-metric {
  display: grid;
  align-content: start;
  gap: .15rem;
  min-width: 0;
}
.legacy-metric strong {
  font-size: clamp(1.1rem, 2.6vw, 1.6rem);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.legacy-metric small, .legacy-muted { color: var(--muted, #596e80); }
.legacy-muted, .legacy-status { font-size: .89rem; margin: .6rem 0; }
.legacy-status { color: var(--danger, #a12626); }
.legacy-status:empty { display: none; }
.legacy-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 165px), 1fr));
  gap: .7rem;
  margin-bottom: .7rem;
}
.legacy-fields label, .legacy-stack { display: grid; gap: .3rem; min-width: 0; }
.legacy-fields input, .legacy-fields select, .legacy-stack textarea, .legacy-stack select {
  width: 100%;
  min-width: 0;
}
.legacy-stack { margin: .65rem 0; }
.legacy-chart { display: block; width: 100%; min-height: 160px; max-height: 310px; }
.legacy-chart text { fill: var(--muted, #596e80); font-size: 11px; }
.legacy-chart line { stroke: var(--line, #dce5ed); }
.legacy-table { min-width: 100%; }
.legacy-table td:last-child { max-width: 28ch; overflow-wrap: anywhere; }
.legacy-card form + .table-wrap { margin-top: .9rem; }
.legacy-batch-table input, .legacy-batch-table select { width:100%; }
.legacy-batch-table td:last-child { width:1%; }
.legacy-inventory-batch details summary { cursor:pointer; color:var(--green); }