/*
 * CP-19 Export panel — app/components/ui/export_panel_component.rb
 *
 * FM-11 radio cards for format choice, a row-count/date-range summary
 * line, and a state-dependent action area (button / loading note /
 * download link / alert). Token vars only — enforced by
 * test/lint/css_token_lint_test.rb.
 */

.ui-export-panel__formats {
  display: flex;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.ui-export-panel__formats .ui-radio-card {
  flex: 1;
}

.ui-export-panel__summary {
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
  margin: 0 0 var(--space-4);
}

.ui-export-panel__action {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.ui-export-panel__note {
  font-size: var(--text-xs);
  color: var(--color-ink-muted);
  margin: 0;
}