/* Shared base styles for the lp and missions front-ends.
   Loaded after theme.css (design tokens) and before each app's local stylesheet,
   so app-specific rules still win. Served at /shared/base.css for the missions app
   and concatenated into lp.css (after theme.css) for the lp app. */

.diagnostic-chips {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  min-width: 0;
}

.diagnostic-chip {
  display: inline-flex;
  min-height: 24px;
  max-width: 230px;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 8px;
  background: color-mix(in srgb, var(--panel-2) 68%, transparent);
  color: var(--subtle);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}