/* WORK-283 Phase 4: styles formerly injected with runtime <style> tags. */

/* static/js/components/genealogy-tree.js */
.gen-tree { font-size: 13px; }
.gen-children { margin-left: 18px; border-left: 1px solid var(--gray-200, #e5e7eb); padding-left: 12px; }
.gen-node { padding: 1px 0; }
.gen-row { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
.gen-toggle {
  width: 18px; height: 18px; flex-shrink: 0; display: inline-flex;
  align-items: center; justify-content: center; cursor: pointer;
  border: none; background: none; color: var(--gray-500, #6b7280);
  font-size: 11px; padding: 0; border-radius: 4px; transition: transform .12s ease;
}
.gen-toggle:hover { background: var(--gray-100, #f3f4f6); }
.gen-toggle.open { transform: rotate(90deg); }
.gen-toggle.leaf { visibility: hidden; cursor: default; }
.gen-badge {
  display: inline-block; padding: 1px 8px; border-radius: 10px;
  font-size: 11px; font-weight: 500; white-space: nowrap;
}
.gen-label { font-weight: 600; color: var(--primary-700, #1d4ed8); text-decoration: none; }
.gen-label:hover { text-decoration: underline; }
.gen-label.plain { color: var(--gray-700, #374151); font-weight: 500; }
.gen-rel { color: var(--gray-500, #6b7280); font-size: 11px; }
.gen-when { color: var(--gray-400, #9ca3af); font-size: 11px; margin-left: auto; white-space: nowrap; }
.gen-empty { color: var(--gray-500, #6b7280); }
.gen-empty.gen-error { color: var(--wa-color-danger-40, #c00); }

/* static/js/views/distillation-profile-list.js */
.dp-recipe-form { container-type: inline-size; display: grid; gap: 14px; }
.dp-two-col { display: grid; grid-template-columns: 1fr; gap: 12px; }
.dp-inputs-outputs { display: grid; grid-template-columns: 1fr; gap: 18px; }
@container (min-width: 900px) {
  .dp-two-col { grid-template-columns: 1fr 1fr; }
}

/* static/js/views/batch-distillation-list.js */
.bd-run-form { display: grid; gap: 16px; }
@media (min-width: 900px) {
  .bd-run-form { grid-template-columns: 1fr 1fr; align-items: start; }
  .bd-run-form > .bd-run-form-full { grid-column: 1 / -1; }
}

/* static/js/views/barrels-list.js */
.btn-icon,
.btn-icon-view {
  background: none;
  border: 1px solid var(--gray-200);
  border-radius: 4px;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.btn-icon:hover,
.btn-icon-view:hover {
  background: var(--gray-100);
  border-color: var(--gray-400);
}
.btn-icon:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
tr.barrel-selected { background: var(--primary-100, #dbeafe) !important; }
tr.barrel-selected td { border-color: var(--primary-200, #bfdbfe) !important; }

/* static/js/views/equipment-list.js */
.row-action-menu { position: relative; display: inline-block; }
.row-action-menu wa-button::part(button) { color: #6b7280; }

.equipment-picture-view {
  min-height: 100%;
  background: #f8fafc;
  padding-bottom: 32px;
}
.equipment-picture-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding: 24px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}
.equipment-picture-header h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  color: #111827;
}
.equipment-picture-header p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 14px;
}
.equipment-picture-header-actions,
.equipment-picture-toolbar,
.equipment-picture-legend,
.equipment-picture-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.equipment-picture-toolbar {
  padding: 16px 24px 8px;
}
.equipment-picture-toolbar wa-input {
  flex: 1;
  min-width: 220px;
}
.equipment-picture-toolbar wa-select {
  min-width: 180px;
}
.equipment-picture-legend {
  padding: 0 24px 16px;
  color: #4b5563;
  font-size: 12px;
}
.equipment-picture-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}
.equipment-picture-legend-item span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
}
.equipment-picture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  padding: 0 24px;
}
.equipment-picture-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 4px solid var(--equipment-status-color, #6b7280);
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 16px;
}
.equipment-picture-card-in_use { --equipment-status-color: #2563eb; }
.equipment-picture-card-empty_clean { --equipment-status-color: #16a34a; }
.equipment-picture-card-empty_dirty { --equipment-status-color: #dc2626; }
.equipment-picture-card-unknown { --equipment-status-color: #6b7280; }
.equipment-picture-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.equipment-picture-card h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  color: #111827;
}
.equipment-picture-card p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.equipment-picture-art {
  min-height: 210px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--equipment-status-color, #6b7280) 18%, transparent) 0 45%, transparent 68%),
    #f8fafc;
  border: 1px solid #eef2f7;
  overflow: hidden;
}
.equipment-picture-art img {
  width: min(72%, 230px);
  max-height: 210px;
  object-fit: contain;
  display: block;
}
.equipment-picture-art img[hidden] {
  display: none !important;
}
.equipment-picture-card-column_still .equipment-picture-art img,
.equipment-picture-card .equipment-picture-art img[src*="column-still"] {
  max-height: 230px;
  width: min(54%, 170px);
}
.equipment-picture-card-heat_exchanger .equipment-picture-art img,
.equipment-picture-card .equipment-picture-art img[src*="heat-exchanger"] {
  width: min(88%, 280px);
  max-height: 210px;
}
.equipment-picture-fallback {
  width: 160px;
  min-height: 150px;
  border: 2px solid var(--equipment-status-color, #6b7280);
  border-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 12px;
  color: #374151;
  background: rgba(255,255,255,0.62);
  font-weight: 600;
}
.equipment-picture-fallback[hidden] {
  display: none !important;
}
.equipment-picture-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.equipment-picture-facts div {
  border: 1px solid #eef2f7;
  border-radius: 6px;
  padding: 8px;
  min-width: 0;
  background: #fbfdff;
}
.equipment-picture-facts span {
  display: block;
  color: #6b7280;
  font-size: 11px;
  line-height: 1.2;
  margin-bottom: 3px;
}
.equipment-picture-facts strong {
  display: block;
  color: #111827;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.equipment-spirit-lot-link {
  color: #111827;
  text-decoration: none;
  border-bottom: 1px solid #93c5fd;
}
.equipment-spirit-lot-link:hover {
  color: #1d4ed8;
  border-bottom-color: #1d4ed8;
}
.equipment-picture-empty {
  grid-column: 1 / -1;
  padding: 48px 20px;
  text-align: center;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #6b7280;
}
.equipment-picture-empty h2 {
  margin: 0 0 6px;
  color: #111827;
  font-size: 18px;
}
@media (max-width: 760px) {
  .equipment-picture-header {
    align-items: stretch;
    flex-direction: column;
  }
  .equipment-picture-header-actions wa-button,
  .equipment-picture-header-actions wa-button-group {
    flex: 1;
  }
  .equipment-picture-grid {
    grid-template-columns: 1fr;
  }
  .equipment-picture-art {
    min-height: 190px;
  }
}

/* static/js/views/barrel-fill.js */
.bf-page { max-width: 1040px; }
.bf-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:8px; }
.bf-card { background:#fff; border:1px solid var(--gray-200,#e2e8f0); border-radius:12px; padding:22px; }
.bf-card + .bf-card { margin-top:18px; }
.bf-choose { cursor:pointer; transition:border-color .12s, box-shadow .12s; }
.bf-choose:hover { border-color:var(--primary,#6366f1); box-shadow:0 4px 14px rgba(99,102,241,.12); }
.bf-card h3 { font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--gray-600,#475569); margin:0 0 14px; }
.bf-fld { display:block; font-size:12.5px; font-weight:600; color:var(--gray-600,#475569); margin:0 0 5px; }
.bf-row { margin-bottom:16px; }
.bf-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.bf-grid3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
.bf-page input, .bf-page select { width:100%; box-sizing:border-box; padding:8px 10px; border:1px solid var(--gray-300,#cbd5e1); border-radius:7px; font-size:14px; font-family:inherit; }
.bf-page input[readonly] { background:var(--gray-100,#f1f5f9); color:var(--gray-600,#475569); }
.bf-facts { display:flex; gap:18px; flex-wrap:wrap; margin-top:10px; font-size:12.5px; }
.bf-facts div span { color:var(--gray-400,#94a3b8); display:block; font-size:11px; text-transform:uppercase; letter-spacing:.03em; }
.bf-facts div b { font-size:15px; }
.bf-facts div small { display:block; max-width:360px; margin-top:3px; color:var(--gray-500,#64748b); line-height:1.35; }
.bf-radios { display:flex; flex-direction:column; gap:10px; }
.bf-radio { border:1px solid var(--gray-200,#e2e8f0); border-radius:9px; padding:12px 14px; cursor:pointer; }
.bf-radio.sel { border-color:var(--primary,#6366f1); background:var(--primary-50,#f5f3ff); }
.bf-radio .t { font-weight:600; font-size:13.5px; }
.bf-radio .d { color:var(--gray-500,#64748b); font-size:12.5px; margin-top:3px; }
.bf-preview { background:var(--primary-50,#f5f3ff); border:1px solid var(--gray-200,#ddd6fe); border-radius:9px; padding:14px 16px; }
.bf-pv-row { display:flex; justify-content:space-between; padding:6px 0; font-size:14px; }
.bf-pv-row .v { font-weight:700; font-variant-numeric:tabular-nums; }
.bf-big { font-size:28px; font-weight:800; color:var(--primary-700,#4338ca); }
.bf-cap { color:var(--gray-500,#64748b); font-size:12.5px; }
.bf-added { border:1px solid var(--gray-200,#e2e8f0); border-radius:9px; padding:10px 14px; display:flex; justify-content:space-between; align-items:center; font-size:13.5px; margin-bottom:8px; }
.bf-added .pg { font-weight:700; color:var(--primary-700,#4338ca); }
.bf-footer { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.bf-err { color:var(--danger-600,#dc2626); font-size:13px; margin-top:8px; }
.bf-cap-guide { margin-top:12px; }
.bf-cap-head { display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:var(--gray-600,#475569); margin-bottom:5px; }
.bf-cap-track { position:relative; height:14px; border-radius:7px; background:var(--gray-100,#f1f5f9); border:1px solid var(--gray-200,#e2e8f0); overflow:hidden; }
.bf-cap-fill { height:100%; transition:width .15s ease, background-color .15s ease; }
.bf-cap-fill.ok { background:var(--success-500,#22c55e); }
.bf-cap-fill.warn { background:var(--warning-500,#f59e0b); }
.bf-cap-fill.over { background:var(--danger-500,#ef4444); }
.bf-cap-pref { position:absolute; top:-2px; bottom:-2px; width:2px; background:var(--gray-400,#94a3b8); }
.bf-cap-foot { font-size:12px; color:var(--gray-500,#64748b); margin-top:5px; }
.bf-ackrow { display:flex; align-items:flex-start; gap:8px; margin-top:12px; padding:10px 12px; border:1px solid var(--warning-300,#fcd34d); background:var(--warning-50,#fffbeb); border-radius:9px; }
.bf-ackrow label { font-size:12.5px; color:var(--gray-700,#334155); }
.bf-warnnote { font-size:12px; color:var(--warning-700,#b45309); margin-top:8px; }
.bf-hero-emoji { font-size:24px; }
.bf-choose h3 { margin-top:10px; }
.bf-choose wa-button { margin-top:12px; }
.bf-intro { margin:0 0 8px; }
.bf-batch-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; align-items:start; }
.bf-count-input { margin-top:8px; max-width:140px; }
.bf-preview-body { margin-top:14px; }
.bf-row-flush { margin-bottom:0; }
.bf-added-card.is-hidden { display:none; }
.bf-preview.is-hidden { display:none; }
.bf-ackrow.is-hidden { display:none; }
.bf-row.is-hidden { display:none; }
.bf-err.is-hidden { display:none; }
/* The two measured-fill result callouts are <wa-callout> hosts with no
   .bf-* class, and there is deliberately no global .is-hidden rule, so
   without these they render as empty boxes from first paint and the
   classList toggle is inert. */
#bf-success.is-hidden { display:none; }
#bf-success-warnings.is-hidden { display:none; }
.bf-entry-mode { margin:12px 0 14px; }
.bf-remainder-shortcut { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-4px 0 12px; }
.bf-remainder-shortcut small { color:var(--wa-color-text-quiet); }
.bf-overdraw { margin-top:12px; }
.bf-overdraw.is-hidden { display:none; }
.bf-overdraw-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.bf-label-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0; }
.bf-label-tools > div { display:flex;gap:8px;align-items:center; }
.bf-label-tools input:first-child { flex:1; }
.bf-label-tools input[type="number"] { width:72px; }
.brls-columns-footer { display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid var(--wa-color-neutral-90,#e5e7eb); }
.label-operator-id { font-size:26px;font-weight:800;line-height:1.1;margin-bottom:4px; }
@media (max-width:760px) { .bf-label-grid { grid-template-columns:1fr; } }
.bf-weight-group { display:flex; gap:0; }
.bf-weight-input { border-top-right-radius:0; border-bottom-right-radius:0; }
.bf-unit-select { width:70px; border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; }
.bf-add-row { margin-top:14px; }
.bf-running-note { margin-right:auto; align-self:center; }
.bf-remove-link { margin-left:10px; color:var(--danger-600,#dc2626); }
.bf-tank-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; }
.bf-tank-card, .bf-lot-row { width:100%; block-size:auto; min-block-size:56px; text-align:left; color:inherit; font:inherit; overflow:visible; }
.bf-tank-card::part(button), .bf-lot-row::part(button) { box-sizing:border-box; width:100%; block-size:auto; min-block-size:56px; overflow:visible; border:1px solid var(--gray-200,#e2e8f0); background:#fff; border-radius:9px; padding:10px 12px; color:inherit; font:inherit; cursor:pointer; }
.bf-lot-row,
.bf-lot-row::part(button) { min-block-size:72px; }
.bf-tank-card::part(label), .bf-lot-row::part(label) { width:100%; white-space:normal; overflow:visible; }
.bf-tank-card:hover::part(button), .bf-lot-row:hover::part(button) { border-color:var(--primary,#6366f1); background:var(--primary-50,#f5f3ff); }
.bf-tank-card.is-selected::part(button), .bf-lot-row.is-selected::part(button) { border:2px solid var(--primary,#6366f1); background:var(--primary-50,#f5f3ff); }
.bf-tank-card.is-source-locked::part(button) { opacity:1; cursor:not-allowed; }
.bf-row-content { width:100%; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; overflow:visible; }
.bf-tank-card strong, .bf-lot-row strong { line-height:1.3; }
.bf-tank-card small, .bf-lot-row small { display:block; color:var(--gray-500,#64748b); font-size:12px; line-height:1.35; margin-top:3px; white-space:normal; overflow-wrap:anywhere; }
.bf-tank-icon { color:var(--primary-700,#4338ca); font-size:28px; line-height:1; }
.bf-tank-identity { min-width:0; flex:1 1 auto; }
.bf-tank-title { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.bf-fraction-tag { flex:0 0 auto; }
.bf-tank-qty { margin-left:auto; text-align:right; font-weight:700; font-variant-numeric:tabular-nums; }
.bf-lot-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.bf-lot-tools input { flex:1 1 220px; }
.bf-lot-tools select { width:auto; min-width:100px; }
.bf-lot-selected { display:flex; align-items:center; gap:8px; margin:0 0 10px; padding:8px 10px; border-radius:8px; background:var(--primary-50,#f5f3ff); }
.bf-lot-selected span:last-child { margin-left:auto; color:var(--gray-500,#64748b); font-size:12px; }
.bf-lot-list { display:flex; flex-direction:column; gap:7px; max-height:360px; overflow:auto; padding-right:2px; }
.bf-lot-row .bf-row-content > span:first-child { min-width:0; flex:1 1 auto; }
.bf-lot-row-meta { min-width:0; display:flex; align-items:flex-end; gap:6px; flex-direction:column; text-align:right; }
.bf-lot-state { display:flex; align-items:center; justify-content:center; gap:8px; padding:12px; }
@media (max-width: 760px) {
  .bf-batch-grid { grid-template-columns:1fr; }
  .bf-tank-grid { grid-template-columns:1fr; }
  .bf-lot-row,
  .bf-lot-row::part(button) { min-block-size:160px; }
}

/* static/js/views/barrel-pricing-calculator.js */
.bpc-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 1180px) {
  .bpc-grid { grid-template-columns: 1fr; }
}

/* static/js/views/role-detail.js */
.detail-view[data-testid="role-detail"] {
  max-width: none;
}
.detail-view[data-testid="role-detail"] .perm-grid-card {
  padding: 20px;
}
.detail-view[data-testid="role-detail"] table.list-table {
  width: 100%;
  table-layout: auto;
}
.detail-view[data-testid="role-detail"] table.list-table td,
.detail-view[data-testid="role-detail"] table.list-table th {
  word-break: normal;
  overflow-wrap: normal;
}
.perm-box {
  font: inherit;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  min-width: 64px;
  border: 1px solid var(--gray-300);
  border-radius: 6px;
  background: white;
  color: var(--gray-600);
  cursor: pointer;
  transition: background 80ms ease, border-color 80ms ease, color 80ms ease;
}
.perm-box:hover:not([disabled]) {
  border-color: var(--gray-400);
  background: var(--gray-50);
}
.perm-box[aria-pressed="true"] {
  background: var(--brand-600, #2563eb);
  border-color: var(--brand-700, #1d4ed8);
  color: white;
}
.perm-box[aria-pressed="true"]:hover:not([disabled]) {
  background: var(--brand-700, #1d4ed8);
}
.perm-box[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* TTB report drawer and table fixes. */
#ttbp-prod-drawer::part(close-button),
#ttbs-drawer::part(close-button),
#ttbp-drawer::part(close-button) {
  display: none;
}
[data-testid="ttb-production-report"] table th,
[data-testid="ttb-production-report"] table td,
[data-testid="ttb-production-sources-table"] th,
[data-testid="ttb-production-sources-table"] td {
  border: 1px solid #e5e7eb;
}
[data-testid="ttb-production-report"] .ttb-prod-cell {
  box-sizing: border-box;
}

/* WORK-857: `is-hidden` has no global rule. Every classList consumer owns a
   scoped compound so its normal display mode remains local and explicit. */

/* static/js/views/material-lot-detail.js */
#receiving-entire-occurrence-dialog.is-hidden,
#btn-receiving-resume.is-hidden,
.ml-pending-pill.is-hidden,
#detail-error.is-hidden { display: none; }

.ml-receiving-correction-dialog { --width: 42rem; }
.receiving-spirit-gauge-dialog { --width: 44rem; }

/* static/js/components/charge-input-row.js */
.cir-spirit-temperature.is-hidden { display: none; }

/* static/js/components/onboarding-report-intake.js */
#draft-switch-file.is-hidden { display: none; }

/* static/js/components/schedule-run-planner.js */
#r-variant-wrap.is-hidden,
#r-duration-override-wrap.is-hidden,
#r-duration-override-fields.is-hidden { display: none; }

/* static/js/views/barrel-detail.js */
#dlg-rack-panel.is-hidden,
#dlg-list-panel.is-hidden { display: none; }

/* static/js/views/barrel-fill.js */
#bf-coop-card.is-hidden { display: none; }

/* static/js/views/batch-distillation-detail.js */
#cut-resulting-preview.is-hidden,
#cut-preview-resulting.is-hidden,
#cut-year-warning.is-hidden { display: none; }

/* static/js/views/batch-distillation-list.js */
#bd-additional-receivers.is-hidden { display: none; }

/* static/js/views/bottling-processes-list.js */
#packaging-lot-section.is-hidden { display: none; }

/* static/js/views/cost-allocation-queue.js */
.allocq-process-context.is-hidden { display: none; }

/* static/js/views/cost-trace.js */
.ct-comp-row.is-hidden { display: none; }

/* static/js/views/distillation-profile-list.js */
.dpl-help-text.is-hidden { display: none; }

/* static/js/views/receive-wizard.js */
#rwz-refuse-audit-fields.is-hidden,
#rwz-refusal-error.is-hidden { display: none; }

/* static/js/views/spirit-lot-detail.js */
#n-original-fill.is-hidden { display: none; }

/* static/js/views/storage-location-detail.js */
.addr-source-card.is-hidden { display: none; }

/* static/js/views/tib-transfer-detail.js */
.tibd-remediation-target {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}
.tibd-remediation-target.is-blocked { cursor: not-allowed; }
.tibd-remediation-target-check {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  accent-color: var(--wa-color-brand-60);
}
.tibd-remediation-target-blocker { color: var(--wa-color-danger-60); }
#remediation-inputs.is-hidden,
#remediation-reverse.is-hidden,
#remediation-apply.is-hidden,
#kind-correction-approval.is-hidden,
#kind-correction-reverse-fields.is-hidden,
#kind-correction-preview.is-hidden,
#kind-correction-apply.is-hidden,
#kind-correction-reverse.is-hidden,
#ai-missing-shipping-location.is-hidden,
#ai-alternate-distiller.is-hidden,
#ai-capacity-hard-error.is-hidden,
#ai-producer-error.is-hidden { display: none; }

/* static/js/views/onboarding-project-detail.js */
#onb-baseline-card.is-hidden { display: none; }

/* static/js/views/spirit-lot-detail.js (resolved through the `$` alias) */
#resolve-age-original-fill.is-hidden { display: none; }

/* static/js/views/barrel-fill.js: both the batch and measured templates render
   `#bf-preview`; only the measured one also carries `.bf-preview`, so the id
   compound keeps the runtime `pv.classList.add('is-hidden')` sites honest in
   either mode. */
#bf-preview.is-hidden { display: none; }