/* Lead Card / Leads page density overrides
 * UI density-first refactor 2026-05-13
 * Requires: tokens.css, kpi-card.css
 *
 * Scoped overrides for #leads-page — do NOT import in other pages.
 */

/* ── Leads KPI strip (3 compact cards before toolbar) ───────────────── */
.leads-kpi-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

@media (max-width: 600px) {
  .leads-kpi-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
  }
}

/* ── Two-column layout gap — override leads-clean.css 1rem ──────────── */
#leads-page .leads-main-layout {
  gap: var(--space-6);     /* 24px max per density principles §6 */
  margin-top: var(--space-4);
}

/* ── Lead card hairline borders — override heavy #374151 if present ─── */
#leads-page .lead-card,
#leads-page .message-card {
  border: 1px solid var(--border-subtle);
}

/* ── Remove toolbar-stats container padding since it's hidden ───────── */
#leads-page .toolbar-stats[aria-hidden="true"] {
  display: none !important;
  padding: 0;
  margin: 0;
}