// ─────────────────────────────────────────────────────────────────────────────
// Page: Code Map Intel  (.cm-* layout)
// File: src/scss/pages/_codemap.scss
//
// STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
// Visual rules live in components/_codemap.scss.
// ─────────────────────────────────────────────────────────────────────────────

// ── Stat chips row ────────────────────────────────────────────────────────────

.cm-stats-row {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}

.cm-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  min-width: 7rem;
  flex: 1;
}

// ── Cycle panel ───────────────────────────────────────────────────────────────

.cm-cycle-panel {
  margin-bottom: 1rem;
}

// ── Module list ───────────────────────────────────────────────────────────────

.cm-list {
  margin-top: 0.5rem;
}

.cm-list-hd {
  display: grid;
  grid-template-columns: 1fr 4rem 12rem 5rem 7rem;
  gap: 0 0.75rem;
  padding: 0.35rem 0.75rem;
  align-items: center;

  @media (max-width: 800px) {
    grid-template-columns: 1fr 4rem 10rem;
    .cm-hd-fanout { display: none; }
    .cm-hd-lang   { display: none; }
  }
}

.cm-row {
  display: grid;
  grid-template-columns: 1fr 4rem 12rem 5rem 7rem;
  gap: 0 0.75rem;
  padding: 0.6rem 0.75rem;
  align-items: center;

  @media (max-width: 800px) {
    grid-template-columns: 1fr 4rem 10rem;
    .cm-fanout-count { display: none; }
    .cm-lang-badge   { display: none; }
  }
}

// ── Bar cell ──────────────────────────────────────────────────────────────────

.cm-bar-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}