/* ── Layout ──────────────────────────────────────────── */
.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding-inline: var(--gutter);
  position: relative;
  z-index: 1;
}

.main-content {
  flex: 1;
  padding-top: calc(var(--nav-height) + 32px);
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

/* ── Empty state ─────────────────────────────────────── */
.empty-state {
  text-align: center;
  padding: 56px 0;
  color: var(--muted);
  font-size: 15px;
}

/* ── Page header ─────────────────────────────────────── */
.page-header {
  padding: 24px 0;
  border-bottom: 1px solid var(--border);
}

.page-title {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.03em;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.page-subtitle {
  font-size: 15px;
  color: var(--muted);
  margin-top: 6px;
}

/* ── CTA section ─────────────────────────────────────── */
.cta-section {
  text-align: center;
}

.cta-subtitle {
  margin: 8px auto 0;
  max-width: 600px;
}

.cta-actions {
  margin-top: 24px;
}

/* ── Loading fallback ────────────────────────────────── */
.loading-fallback {
  padding: 80px 0;
  text-align: center;
}
