/*
 * Admin catalog version UI — layout + semantic badges (tokens in base/variables.css).
 */

/* ——— Filter bars (show + index): wrap instead of forcing a wide single row ——— */
.catalog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: flex-end;
}

.catalog-filters__search {
  flex: 1 1 18rem;
  min-width: 0;
}

.catalog-filters__track,
.catalog-filters__branch,
.catalog-filters__type,
.catalog-filters__status {
  flex: 1 1 10rem;
  min-width: 0;
  max-width: 100%;
}

.catalog-filters__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  flex: 0 1 auto;
}

.catalog-filters__actions .btn {
  min-width: 5.5rem;
}

/* ——— Definition accordion ——— */
.catalog-definition-details {
  background: var(--catalog-details-bg);
  border-color: var(--catalog-details-border) !important;
  color: var(--text-secondary);
}

.catalog-definition-details > summary {
  color: var(--catalog-details-summary-fg);
}

.catalog-definition-details .catalog-summary-row {
  min-width: 0;
}

.catalog-definition-details code {
  word-break: break-word;
  color: var(--accent-cyan);
  background: rgba(6, 182, 212, 0.08);
  padding: 0.1em 0.35em;
  border-radius: var(--radius-sm);
}

/* ——— Requirement groups ——— */
.catalog-requirement-group {
  background: var(--catalog-req-group-bg) !important;
  border-color: var(--catalog-req-group-border) !important;
  color: var(--text-secondary);
}

/* ——— Semantic badges (see --catalog-* in variables.css) ——— */
.badge.badge-catalog-vmilist {
  background: var(--catalog-vmilist-bg) !important;
  color: var(--catalog-vmilist-fg) !important;
  border: 1px solid var(--catalog-vmilist-border);
}

.badge.badge-catalog-proba {
  background: var(--catalog-proba-bg) !important;
  color: var(--catalog-proba-fg) !important;
  border: 1px solid var(--catalog-proba-border);
}

.badge.badge-catalog-track {
  background: var(--catalog-track-bg) !important;
  color: var(--catalog-track-fg) !important;
  border: 1px solid var(--catalog-track-border);
}

.badge.badge-catalog-country {
  background: var(--catalog-track-bg) !important;
  color: var(--catalog-track-fg) !important;
  border: 1px solid var(--catalog-track-border);
}

.badge.badge-catalog-branch {
  background: var(--catalog-branch-bg) !important;
  color: var(--catalog-branch-fg) !important;
  border: 1px solid var(--catalog-branch-border);
}

.badge.badge-catalog-count {
  background: var(--catalog-count-bg) !important;
  color: var(--catalog-count-fg) !important;
  border: 1px solid var(--catalog-count-border);
}

.badge.badge-catalog-filtered {
  background: var(--catalog-filtered-pill-bg) !important;
  color: var(--catalog-filtered-pill-fg) !important;
  border: 1px solid var(--catalog-filtered-pill-border);
}

.badge.badge-catalog-category {
  background: var(--catalog-category-bg) !important;
  color: var(--catalog-category-fg) !important;
  border: 1px solid var(--catalog-category-border);
}

.badge.badge-catalog-goal {
  background: var(--catalog-goal-bg) !important;
  color: var(--catalog-goal-fg) !important;
  border: 1px solid var(--catalog-goal-border);
}

.badge.badge-catalog-req-code {
  background: var(--catalog-req-code-bg) !important;
  color: var(--catalog-req-code-fg) !important;
  border: 1px solid var(--catalog-req-code-border);
}

.badge.badge-catalog-hint {
  background: var(--catalog-hint-bg) !important;
  color: var(--catalog-hint-fg) !important;
  border: 1px solid var(--catalog-hint-border);
}