/* ════════════════════════════════════════════════════════════════════════════ */
/* ASK CHIPS — the one-tap answer row for a sena-ask block                        */
/*                                                                              */
/* Built by lib/chat/ask-chips.js. Both setup dialogues (forecast and            */
/* presentation) ask ONE question per turn and offer the answers as chips inside */
/* the message that asked, rather than in the suggestions carousel. An answered  */
/* row stays put as a record of what was picked.                                 */
/*                                                                              */
/* Global rather than page-scoped: the chips render in the chat screen AND in    */
/* the /presentation page's side chat, and a direct load of that page has no     */
/* chat-screen stylesheet.                                                       */
/* ════════════════════════════════════════════════════════════════════════════ */

.fc-ask {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-8);
  margin-top: var(--spacing-12);
}
.fc-ask-opt {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-6);
  padding: var(--spacing-6) var(--spacing-16);
  background: var(--bg-card);
  border: 1px solid var(--stroke-card);
  border-radius: 999px;
  font-family: inherit;
  font-size: var(--text-sm);
  /* .sena-text's -0.07px letter-spacing is inherited and breaks the Font
     Awesome ligature in the icon spans below. */
  letter-spacing: normal;
  color: var(--text-secondary);
  text-align: left;
  cursor: pointer;
  transition: border-color 120ms ease, color 120ms ease, background 120ms ease;
}
.fc-ask-opt:hover {
  border-color: var(--stroke-accent);
  color: var(--text-primary);
}
.fc-ask-opt .fa-solid {
  font-size: var(--text-sm);
  letter-spacing: normal;
  text-transform: none;
  color: var(--text-tertiary);
}
.fc-ask-opt.is-selected {
  background: var(--bg-accent-light);
  border-color: var(--stroke-accent);
  color: var(--text-accent);
  font-weight: var(--fw-bold);
}
/* The typed escape hatch reads as "write your own": dashed outline. */
.fc-ask-opt.fc-ask-other { border-style: dashed; }
.fc-ask.is-done { pointer-events: none; }
.fc-ask.is-done .fc-ask-opt:not(.is-selected) { opacity: 0.45; }

/* ════════════════════════════════════════════════════════════════════════════ */
/* INVITE CARD — "Invite the Pricing Agent" at the end of an answer (DES-206)   */
/*                                                                              */
/* Built by lib/chat/invite-card.js from a sena-invite block. A Card row: the   */
/* agent's disc, a title line with the proposed tool, the reason, and one       */
/* .btn-agent button in that agent's colour (the root sets --agent inline).    */
/* Once tapped the row freezes (.is-used): the button gives way to "Invited".  */
/* Card stroke as well as shadow, so it still separates in dark mode.          */
/* ════════════════════════════════════════════════════════════════════════════ */

.sena-invite {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  margin-top: var(--spacing-12);
  padding: var(--spacing-12) var(--spacing-16);
  background: var(--bg-card);
  border: 1px solid var(--stroke-card);
  border-radius: var(--spacing-16);
  box-shadow: var(--shadow-card);
  /* .sena-text's letter-spacing is inherited and breaks the ligatures. */
  letter-spacing: normal;
}
.sena-invite .agent-disc { --size: 28px; }
.sena-invite-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.sena-text .sena-invite-title,
.sena-invite-title {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.4;
  color: var(--text-primary);
}
.sena-invite-tool { color: var(--text-secondary); }
.sena-text .sena-invite-reason,
.sena-invite-reason {
  margin: 0;
  font-size: var(--text-sm);
  line-height: 1.4;
  color: var(--text-secondary);
}
.sena-invite-btn { flex-shrink: 0; }
.sena-invite-done {
  display: none;
  flex-shrink: 0;
  align-items: center;
  gap: var(--spacing-6);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.sena-invite-done .fa-solid {
  font-size: var(--text-sm);
  letter-spacing: normal;
  text-transform: none;
  color: color-mix(in srgb, var(--agent, var(--fg-accent)) 45%, var(--text-primary));
}
.sena-invite.is-used .sena-invite-btn { display: none; }
.sena-invite.is-used .sena-invite-done { display: inline-flex; }