/* agent/_suggestions.html.erb — the "Suggested questions" box of the stat bar.
   The title is the card's label, and one question shows at a time so the
   rotation reads. */
.agent-suggestions { display: flex; flex-direction: column; gap: var(--spacing-8); width: 100%; flex: 1 1 auto; }
.agent-suggestions-list { display: flex; gap: var(--spacing-8); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--spacing-4); }
.agent-suggestion { flex: 0 0 100%; display: grid; gap: var(--spacing-4); text-align: left; scroll-snap-align: start; padding: var(--spacing-12); border: 0; border-radius: var(--corner-radius-xs); background: var(--background-surface-2); color: var(--text-primary); }
.agent-suggestion:hover, .agent-suggestion:focus-visible { background: var(--background-hover); }
.agent-suggestion small { color: var(--text-tertiary); }
@media (prefers-reduced-motion: reduce) { .agent-suggestions-list { scroll-behavior: auto; } }