// ─────────────────────────────────────────────────────────────────────────────
// Page: Detect Refactor Intel  (.rf-* layout)
// File: src/scss/pages/_detect_refactor.scss
//
// STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
// Visual rules live in components/_detect_refactor.scss.
// ─────────────────────────────────────────────────────────────────────────────

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

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

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

// ── Event list ────────────────────────────────────────────────────────────────

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

.rf-list-hd {
  display: grid;
  grid-template-columns: 7rem 2fr 1.5fr 1.5fr;
  gap: 0 0.75rem;
  padding: 0.35rem 0.75rem;
  align-items: center;

  @media (max-width: 900px) {
    grid-template-columns: 7rem 1fr;
    .rf-hd-detail { display: none; }
    .rf-hd-commit { display: none; }
  }
}

.rf-row {
  display: grid;
  grid-template-columns: 7rem 2fr 1.5fr 1.5fr;
  gap: 0 0.75rem;
  padding: 0.6rem 0.75rem;
  align-items: center;

  @media (max-width: 900px) {
    grid-template-columns: 7rem 1fr;
    .rf-detail     { display: none; }
    .rf-commit-msg { display: none; }
  }
}