/* Components used exclusively by the graph runtime. */
.assistant9bot-flow-orb {
    position: relative;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.35), transparent 16%), radial-gradient(circle at 62% 70%, #f000ff, transparent 46%), linear-gradient(145deg, #ff2d92 8%, #5511aa 72%, #09090b);
    box-shadow: inset 0 0 24px rgba(255,255,255,.1), 0 0 20px rgba(255,45,146,.36);
}
.assistant9bot-flow-orb::before { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255,255,255,.22); border-radius: inherit; animation: assistant9botFlowSpin 8s linear infinite; }
.assistant9bot-flow-orb b { position: relative; color: #fff; font-size: 22px; font-weight: 900; line-height: 1; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.assistant9bot-flow-orb-small { width: 36px; height: 36px; }
.assistant9bot-flow-orb-small b { font-size: 15px; }
.assistant9bot-fab .assistant9bot-flow-orb { width: 62px; height: 62px; }

.assistant9bot-structured-question { margin-top: 5px; padding: 9px 0 0; }
.assistant9bot-structured-question p { margin: 0; color: var(--foreground); font-weight: 650; }
.assistant9bot-structured-actions .assistant9bot-action.is-highlighted { box-shadow: 0 0 0 2px rgba(255,45,146,.18), 0 8px 24px rgba(255,45,146,.25); }

.assistant9bot-preview-badge { display: inline-flex; margin: 0 0 10px; padding: 5px 8px; border: 1px solid rgba(255,45,146,.28); border-radius: 999px; background: rgba(255,45,146,.08); color: #ff8ec2; font-size: 9px; font-weight: 850; letter-spacing: .08em; }

@keyframes assistant9botFlowSpin { to { transform: rotate(360deg); } }

.assistant9bot-lead-form { display: grid; gap: 10px; margin-top: 12px; }
.assistant9bot-lead-form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.assistant9bot-lead-form label { display: grid; gap: 5px; color: rgba(255,255,255,.72); font-size: 11px; }
.assistant9bot-lead-form input { width: 100%; min-height: 38px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; background: rgba(8,8,12,.72); color: #fff; padding: 8px 10px; outline: none; }
.assistant9bot-lead-form input:focus { border-color: #ff2d92; box-shadow: 0 0 0 2px rgba(255,45,146,.14); }
.assistant9bot-lead-form > p { margin: 0; color: #ff91ac; font-size: 11px; }
.assistant9bot-lead-form > button { min-height: 38px; border: 0; border-radius: 8px; background: #ff2d92; color: #fff; font-weight: 700; cursor: pointer; }
@media (max-width: 480px) { .assistant9bot-lead-form > div { grid-template-columns: 1fr; } }