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

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

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

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

// ── Issue list ────────────────────────────────────────────────────────────────

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

.bk-list-hd {
  display: grid;
  grid-template-columns: 6rem 2fr 3fr;
  gap: 0 0.75rem;
  padding: 0.35rem 0.75rem;
  align-items: center;

  @media (max-width: 900px) {
    grid-template-columns: 6rem 1fr;
    .bk-hd-desc { display: none; }
  }
}

.bk-row {
  display: grid;
  grid-template-columns: 6rem 2fr 3fr;
  gap: 0 0.75rem;
  padding: 0.6rem 0.75rem;
  align-items: center;

  @media (max-width: 900px) {
    grid-template-columns: 6rem 1fr;
    .bk-description { display: none; }
  }
}