/* Batch traceability uses the shared theme and table controls. */
.batch-workspace { display:flex; flex:1; min-width:0; min-height:0; flex-direction:column; }
.batch-workspace .page-heading { margin-bottom:16px; }
.batch-summary { display:flex; align-items:center; flex-wrap:wrap; gap:10px 22px; margin-bottom:15px; color:var(--muted); font-size:12px; }
.batch-summary strong { color:var(--text); font-size:18px; font-variant-numeric:tabular-nums; margin-right:5px; }
.batch-summary .batch-summary-note { margin-left:auto; font-size:11px; }
.batch-toolbar .search { max-width:390px; }
.batch-toolbar select { max-width:210px; }
.batch-toolbar #batch-product-search { flex:1 1 230px; width:auto; min-width:0; max-width:300px; }
.batch-toolbar datalist { display:none; }
.batch-table th,.batch-table td { vertical-align:middle; }
.batch-table .batch-code { font-weight:650; color:var(--text); overflow-wrap:anywhere; }
.batch-table .batch-party { display:block; max-width:220px; margin-top:4px; white-space:normal; color:var(--muted); font-size:11px; }
.batch-table .batch-product { min-width:190px; }
.batch-table .batch-product strong { display:block; white-space:normal; }
.batch-table .batch-quantity { min-width:95px; font-variant-numeric:tabular-nums; }
.batch-table .batch-quantity .unit { white-space:nowrap; }
.batch-table .batch-row-actions { text-align:right; }
.batch-table [data-batch-details] { min-height:28px; }
.batch-metadata-table { table-layout:fixed; width:100%; }
.batch-metadata-table th,.batch-metadata-table td { white-space:pre-wrap; overflow-wrap:anywhere; vertical-align:top; }
.batch-metadata-table th:first-child { width:26%; }
.batch-metadata-table tbody th { position:static; text-transform:none; letter-spacing:normal; }
.batch-metadata-table tbody tr { cursor:default; }
.batch-expiry { display:flex; flex-direction:column; gap:5px; align-items:flex-start; }
.batch-expiry-note { color:var(--muted); font-size:10px; }
.batch-detail-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.batch-detail-heading h3 { margin:0 0 5px; font-size:18px; overflow-wrap:anywhere; }
.batch-detail-heading p { color:var(--muted); margin:0; font-size:12px; }
.batch-location-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.batch-location-card { padding:15px; border:1px solid var(--line); border-radius:6px; background:var(--raised); }
.batch-location-card h3 { font-size:12px; color:var(--muted); font-weight:500; margin:0 0 8px; }
.batch-location-card strong { font-size:23px; font-weight:600; font-variant-numeric:tabular-nums; }
.batch-location-card .unit { font-size:12px; }
.batch-location-card p { color:var(--muted); font-size:11px; margin:7px 0 0; }
.batch-note { color:var(--muted); font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.batch-form-guidance { border:1px solid var(--line); border-radius:6px; background:var(--raised); padding:12px 14px; color:var(--muted); font-size:12px; line-height:1.55; }
.batch-form-guidance strong { color:var(--text); }
.batch-available { min-height:20px; font-size:12px; color:var(--muted); }
.batch-form-section { grid-column:1 / -1; padding-top:12px; border-top:1px solid var(--line); }
.batch-form-section h3 { font-size:13px; margin:0 0 7px; }
.batch-form-section p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.batch-inline-actions { display:flex; gap:8px; flex-wrap:wrap; }
.batch-unassigned-note { font-size:11px; color:var(--muted); line-height:1.5; margin-top:12px; }
@media (max-width:900px) {
  .batch-summary .batch-summary-note { flex-basis:100%; margin-left:0; }
  .batch-toolbar select { max-width:100%; }
}
@media (max-width:600px) {
  .batch-location-grid { grid-template-columns:1fr; }
  .batch-detail-heading { flex-wrap:wrap; }
  .batch-toolbar>select { flex:1 1 140px; }
}
