/* ============================================================
   COMPONENT · EMPTY  (c-empty)
   A warm, designed empty / all-clear state in the bot's voice (07.C #6, Rule 7).
   Never "Nothing here" — a *delivered relief*. The all-clear dashboard moment is
   the most important state in the product; `--hero` gives it room to breathe.
   ============================================================ */

.c-empty {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  align-items: flex-start;
  padding: var(--space-5);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-ok) 4%, transparent);
}

/* Warm human content (C1): sentence case, calm, never a scolding void. */
.c-empty__line {
  margin: 0;
  font-size: var(--fs-md);
  line-height: 1.45;
  color: var(--color-text);
}

.c-empty--hero {
  align-items: center;
  text-align: center;
  padding: var(--space-7) var(--space-5);
}

.c-empty--hero .c-empty__line {
  font-size: var(--fs-lg);
  color: var(--color-text-strong);
}