/* Migration insights view (workspace)
   The Migration insights tab: churn and growth over time, with Overview and
   Custom comparison sub-tabs. Without a filter it shows an empty state. Reuses
   the workspace chrome (.dp-ws-*). */

.dp-churn { padding: var(--dp-space-6); }

.dp-churn-title {
  margin: 0 0 var(--dp-space-1);
  font-size: var(--dp-text-2xl);
  font-weight: var(--dp-weight-bold);
  color: var(--dp-navy);
}

.dp-churn-sub {
  margin: 0 0 var(--dp-space-5);
  font-size: var(--dp-text-sm);
  color: var(--dp-text-muted);
}

.dp-churn-tabs {
  display: flex;
  gap: var(--dp-space-6);
  border-bottom: 1px solid var(--dp-border);
  margin-bottom: var(--dp-space-6);
}

.dp-churn-tab {
  appearance: none;
  border: 0;
  background: transparent;
  padding: var(--dp-space-2) 0;
  font-family: var(--dp-font-sans);
  font-size: var(--dp-text-sm);
  font-weight: var(--dp-weight-bold);
  color: var(--dp-text-muted);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
}

.dp-churn-tab[data-active] {
  color: var(--dp-navy);
  border-bottom-color: var(--dp-navy);
}

.dp-churn-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--dp-space-4);
  height: 22rem;
  border-radius: var(--dp-radius-lg);
  background: var(--dp-surface-subtle);
  color: var(--dp-text-muted);
  font-size: var(--dp-text-base);
}

.dp-churn-empty svg { width: 5rem; height: 5rem; color: var(--dp-neutral-500); }