/* ---------- Etat vide ---------- */
.empty-title {
  display: none;
}

.page:has(.chat:empty) .empty-title {
  display: block;
  position: absolute;
  top: calc(50% - 200px);
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
  color: var(--text);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

/* ---------- Grille de suggestions ---------- */
.suggest-grid {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 12px auto 0;
  max-width: 720px;
}

.page:has(.chat:empty) .suggest-grid {
  display: flex;
}

.suggest-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px;
  background: #f0f1f5;
  border: 1px solid #e4e6ee;
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, border-color 0.15s;
  white-space: nowrap;
}

.suggest-card:hover {
  background: #e6e9f2;
  border-color: #cdd3e4;
}

.s-emoji { font-size: 1rem; line-height: 1; }

.s-label {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--text-muted);
}