/* ---------- Builder: Menções em Stories ---------- */

/* Card informativo do gatilho (seção 1) */
.story-trigger {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: var(--r-md);
  background: var(--primary-tonal);
}
.story-trigger__icon {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: var(--r-full);
  background: #fff;
  display: grid;
  place-items: center;
  color: var(--primary);
}
.story-trigger__icon svg { width: 28px; height: 28px; }
.story-trigger__text { margin: 0; color: #174a9c; font-size: 14.5px; line-height: 1.45; }

/* Campo de nome maior */
.input--xl {
  font-size: 17px;
  font-weight: 600;
  padding: 13px 16px;
}

/* Bolha de "notificação" de menção no preview */
.dm-bubble--mention {
  font-style: italic;
  color: var(--text-2);
  border: 1px dashed var(--border-strong);
  background: var(--surface);
}

/* .stat-chip agora é componente global (application.css) */