// ─────────────────────────────────────────────────────────────────────────────
// Page: Domains listing
// File:      src/scss/pages/_domains.scss
//
// STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
// Visual rules live in:
//   components/_search.scss    (search-field, search-input, search-icon)
//   components/_cards.scss     (stat-pill, stat-pill__num, stat-pill__label)
//   components/_inputs.scss    (verified-toggle, verified-chip)
//   patterns/_surfaces.scss    (hero, hero--human, hero-glow, hero__stats)
//   _domain.scss               (domain-grid, domain-card, domain-badge)
//   components/_badges.scss    (badge--verified, badge--deprecated)
//
// Variants:  .domains-body .empty-state .page-cta .page-cta__*
//            .domain-badge--end
// ─────────────────────────────────────────────────────────────────────────────

.domains-body {
  padding: var(--space-4);
}

.empty-state {
  padding: var(--space-6) 0;
  font-size: 14px;
  color: var(--text-muted);
  text-align: center;
}

// Pushes a domain-badge to the far right within a flex row
.domain-badge--end { margin-left: auto; }

// ── Page CTA strip ────────────────────────────────────────────────────────────

.page-cta {
  border-top: 1px solid var(--border-subtle);
  padding: var(--space-5) var(--space-4);
}

.page-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.page-cta__text { flex: 1; min-width: 0; }

.page-cta__title {
  font-size: 15px;
  font-weight: var(--weight-semibold);
  margin: 0 0 4px;
  color: var(--text-primary);
}

.page-cta__body {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;

  code { font-family: var(--font-mono); font-size: 12px; color: var(--color-accent); }
}

.page-cta__actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
}