.analytics-workspace-card {
  display: grid;
  gap: var(--space-4);
}
/* BAND-002877: from the sm breakpoint the title and intro take the narrowing, so the action keeps
   its label on one line. On a phone both narrow together, as before, so the intro keeps its width. */
@media (width >= 600px) {
  .analytics-workspace-card > .section-heading > div { flex: 1 1 0; }
}
.analytics-workspace-controls {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: var(--space-2-5);
  align-items: end;
}
.analytics-workspace-controls label {
  margin: 0;
}
.analytics-workspace-controls input {
  width: 100%;
}
.analytics-workspace-state {
  margin: 0;
}
.analytics-workspace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-3);
}
.analytics-panel {
  margin-top: 0;
  /* Metrics, costs and durations line up (BAND-002351). */
  font-variant-numeric: tabular-nums;
}
.analytics-panel > h3 {
  margin: 0 0 var(--space-2);
}
.analytics-panel-state {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.analytics-list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.analytics-facts { margin-top: var(--space-2); gap: 0; }
.analytics-fact,
.analytics-list-item,
.analytics-recommendation { margin-top: 0; }
.analytics-fact strong,
.analytics-list-item strong,
.analytics-recommendation strong {
  color: var(--color-text);
}
.analytics-metric-row {
  padding: var(--space-1) 0;
  border-bottom: 1px solid var(--color-divider);
}
.analytics-metric-row:last-child {
  border-bottom: 0;
}
.analytics-evidence {
  margin-top: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-normal);
}
.analytics-recommendation > .badge { margin-bottom: var(--space-1-5); }
/* A contradicted claim is a danger panel (data-tone, js); its evidence line says why. */
.analytics-knowledge-claim[data-contradiction="true"] .analytics-evidence { color: var(--color-danger); }
@media (width < 600px) {
  .analytics-workspace-controls {
    grid-template-columns: 1fr;
  }
}