.agent-suggestions { width: 100%; max-width: 46.25rem; }
.agent-suggestions-title { color: var(--text-secondary); font-size: var(--font-size-14); font-weight: var(--font-weight-600); margin-bottom: var(--spacing-8); }
.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 min(20rem, 85%); display: grid; gap: var(--spacing-4); text-align: left; scroll-snap-align: start; padding: var(--spacing-12); border: var(--stroke-weight-1) solid var(--border-default); border-radius: var(--corner-radius-xs); background: var(--background-surface-1); color: var(--text-primary); }
.agent-suggestion:hover, .agent-suggestion:focus-visible { background: var(--background-hover); }
.agent-suggestion small { color: var(--text-tertiary); }
.agent-suggestions--compact .agent-suggestion { flex-basis: min(15rem, 70%); padding: var(--spacing-8); }
@media (prefers-reduced-motion: reduce) { .agent-suggestions-list { scroll-behavior: auto; } }