/* ============================================================
   Empty states
   Two of them, deliberately distinct: .empty is an invitation
   to add the first question; .no-results is a dead end inside
   the requests table.
   ============================================================ */

/* ---------- Wizard: no questions yet ---------- */

.empty {
  border: 1.5px dashed var(--border-4);
  border-radius: var(--r-lg);
  padding: var(--space-16) var(--space-10);
  text-align: center;
}

.empty__icon {
  width: 40px;
  height: 40px;
  margin: 0 auto var(--space-6);
  border-radius: 5px;
  background: var(--surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-5);
}

.empty__title {
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: var(--text-2);
}

.empty__sub {
  font-size: var(--fs-base);
  color: var(--text-4);
  margin-top: var(--space-2);
}

/* ---------- Console: filters matched nothing ---------- */

/* .no-results, not .empty — .empty is the wizard's "no questions yet" state. */
.no-results {
  padding: var(--space-28) var(--space-10);
  text-align: center;
  color: var(--text-4);
}

.no-results__title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--text-2);
  margin-bottom: var(--space-3);
}

.no-results__note {
  font-size: var(--fs-base);
}