/* AI Access: the setup wizard's level picker and the assistant node; the rest is the integration wizard's. */
.rtwrap .rt-level { flex: none; align-self: center; }
.sumflow .sf-ai { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: var(--r-s); background: var(--brand-soft); color: var(--brand-text); }
.sumflow .sf-ai svg { width: 15px; height: 15px; }

@media (max-width: 640px) {
  .rtwrap .rt-level { flex-basis: 100%; }
  .rtwrap .rt-level label { flex: 1; justify-content: center; }
}

/* Several places in one go, under the agents and on the billing card. */
.ai-bulk { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--r-xl); background: var(--panel); }
.ai-bulk-text { flex: 1 1 240px; min-width: 0; }
.ai-bulk-text b { display: block; font-weight: 600; }
.ai-bulk-text span { font-size: var(--fs-s); color: var(--ink-3); }
.ai-bulk-field { display: grid; gap: 4px; flex: 1 1 200px; font-size: var(--fs-xs); color: var(--ink-4); }
.ai-bulk-field.qty { flex: 0 0 90px; }