/* ============================================================
   Onramp — /chat homepage team-scoped suggested prompts. The brief itself renders
   in the RIGHT panel as a real table (brief-as-table v1; the left-band box —
   sectioned render, then the pending/setup empty-states — is fully deleted).
   Real CSS classes (Tailwind v2 here is static/no-JIT — arbitrary values
   silently emit nothing; see CLAUDE.md).
   ============================================================ */

/* Full width of the shared max-w-3xl container — the band tracks the composer's
   width exactly (no separate max-width). */
.onramp-wrap {
    width: 100%;
}

/* The x-data island carries the gap below the band (it sits ABOVE the welcome
   title); when it collapses (x-show="showOnramp" false) the margin goes with it,
   so an empty band never pushes the content below around. */
.onramp-inner {
    margin-bottom: 2.25rem;
}

/* ---- Team-scoped suggested prompts ---- */
.onramp-prompts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.onramp-prompts-label {
    flex-basis: 100%;
    text-align: center;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #9ca3af;
    font-weight: 700;
    margin-bottom: 1px;
}
.onramp-prompt-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #4b5563;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    padding: 7px 14px;
    cursor: pointer;
    transition: background .12s, border-color .12s, box-shadow .12s;
}
.onramp-prompt-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.onramp-prompt-icon svg {
    width: 14px;
    height: 14px;
}
.onramp-prompt-pill:hover {
    background: #f9fafb;
    border-color: #9ca3af;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}