/*
FNXC:MigrationHoldingPage 2026-07-17-12:40:
Mirrors the TestModeBanner shape (left accent bar + tinted background) but uses
the info color: a running migration is an informational transient state, not a
warning. The monospace progress line carries the migrator's structured label.
*/
.migration-in-progress-banner {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  border-inline-start: var(--space-xs) solid var(--color-info);
  background: color-mix(in srgb, var(--color-info) 18%, transparent);
  color: var(--text);
}

.migration-in-progress-banner-progress {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

@media (max-width: 768px), (max-height: 480px) {
  .migration-in-progress-banner {
    padding: var(--space-sm);
    align-items: flex-start;
  }
}