/* TurboBatch Batch Control — Mushroom Profile Card */
.batch-control-create-grid { align-items: stretch; }
.tb-create-batch-shell { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(320px,1.1fr); gap: 16px; align-items: stretch; border-radius: var(--tb-radius, 16px); }
.tb-create-batch-left { display: grid; align-content: start; gap: 10px; min-width: 0; }
.tb-create-batch-left h2 { margin-top: 0; }
.tb-mushroom-profile-card {
  min-width: 0; border: 1px solid var(--tb-border,#29435f); border-radius: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  overflow: hidden; display: grid; grid-template-rows: auto 1fr;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
/* Hero image: shorter than before (was ~205px) so the dense data
   below has room without making the card scroll-heavy. */
.tb-profile-hero { min-height: 0; background: rgba(0,0,0,.22); border-bottom: 1px solid var(--tb-border,#29435f); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.tb-profile-hero img { width: 100%; height: 150px; object-fit: cover; display: block; }
.tb-profile-hero-placeholder { padding: 22px; text-align: center; color: var(--tb-muted,#a0b4c8); font-weight: 900; }
.tb-profile-body { padding: 12px 14px 14px; display: grid; gap: 10px; align-content: start; }
.tb-profile-eyebrow { margin: 0; color: var(--tb-muted,#a0b4c8); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 1000; }
.tb-profile-title { margin: 0; font-size: 20px; line-height: 1.08; font-weight: 1000; }
.tb-profile-scientific { margin: -4px 0 0; color: var(--tb-muted,#a0b4c8); font-style: italic; font-size: 12px; }
.tb-profile-summary { margin: 0; color: var(--tb-text,#f4f7fb); font-size: 12.5px; line-height: 1.45; }

/* Targets strip — 4 compact columns (Temp · RH · CO₂ · Light) so the
   four numbers read at a glance instead of stacking 2x2. Wraps to
   2x2 on narrow widths to keep each cell readable. */
.tb-profile-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.tb-profile-fact {
  border: 1px solid var(--tb-border,#29435f); background: rgba(0,0,0,.18);
  padding: 8px 9px; display: grid; gap: 2px; min-height: 0;
  border-radius: 8px;
}
.tb-profile-fact b { font-size: 10px; color: var(--tb-muted,#a0b4c8); text-transform: uppercase; letter-spacing: .08em; }
.tb-profile-fact span { font-size: 12.5px; font-weight: 800; overflow-wrap: anywhere; line-height: 1.25; }

/* Cycle row spans the full width and lays Colonization · Fruiting ·
   Total inline so the three numbers sit side-by-side instead of
   stacking. Uses the same compact card style. */
.tb-profile-fact.tb-cycle { grid-column: 1 / -1; }
.tb-profile-fact.tb-cycle b { margin-bottom: 4px; }
.tb-profile-fact.tb-cycle span {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  font-size: 12.5px;
}
.tb-profile-cycle-line {
  display: flex; flex-direction: column; gap: 1px;
  border-top: 0; padding-top: 0;
  border-left: 2px solid var(--tb-accent,#ff6f3b); padding-left: 8px;
}
.tb-profile-cycle-line strong {
  color: var(--tb-muted,#a0b4c8);
  font-size: 9px; text-transform: uppercase; letter-spacing: .12em;
  font-weight: 1000;
}

.tb-profile-disclaimer { margin: 0; color: var(--tb-muted,#a0b4c8); font-size: 10.5px; line-height: 1.35; }
.tb-profile-loading { padding: 16px; color: var(--tb-muted,#a0b4c8); font-weight: 900; }

@media (max-width: 1180px) {
  /* Narrow desktops fall to 2x2 targets so each cell stays readable. */
  .tb-profile-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1000px) {
  .tb-create-batch-shell { grid-template-columns: 1fr; }
  .tb-profile-hero img { height: 140px; }
}