/* /Components/Chat/ProspectChatWidget.razor.rz.scp.css */
.prospect-chat-widget[b-4x1qbi8ag8] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 1050;
}

.prospect-chat-bubble[b-4x1qbi8ag8] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: none;
    background: var(--accent, #c8102e);
    color: #fff;
    font-size: 1.3rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-chat-panel[b-4x1qbi8ag8] {
    width: min(22rem, calc(100vw - 2rem));
    /* A definite height, not max-height - SfChatUI's own Height="100%" needs a bounded ancestor
       to resolve against. Same reasoning as AiChatWidget.razor.css in ClientManagerBlazor. */
    height: min(32rem, calc(100vh - 6rem));
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.prospect-chat-header[b-4x1qbi8ag8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.9rem;
    background: var(--accent, #c8102e);
    color: #fff;
    font-weight: 600;
}

.prospect-chat-header-identity[b-4x1qbi8ag8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prospect-chat-header-actions[b-4x1qbi8ag8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.prospect-chat-options[b-4x1qbi8ag8],
.prospect-chat-close[b-4x1qbi8ag8] {
    background: none;
    border: none;
    color: #fff;
    opacity: 0.85;
}

.prospect-chat-options:hover[b-4x1qbi8ag8],
.prospect-chat-close:hover[b-4x1qbi8ag8] {
    opacity: 1;
}

.prospect-chat-sfchat-wrap[b-4x1qbi8ag8] {
    flex: 1 1 auto;
    min-height: 0;
}

/* SfChatUI's default per-message action toolbar (Copy/Reply/Pin/Delete) doesn't fit a single-
   visitor-to-bot widget - same artifact and same fix already proven in ClientManagerBlazor's
   AiChatWidget.razor.css. ::deep because the toolbar renders inside SfChatUI's own child markup. */
[b-4x1qbi8ag8] .e-chat-message-toolbar {
    display: none !important;
}

[b-4x1qbi8ag8] .prospect-chat-greeting p {
    margin: 0 0 0.5rem;
    overflow-wrap: break-word;
}

[b-4x1qbi8ag8] .prospect-chat-greeting p:last-of-type {
    margin-bottom: 0;
}

[b-4x1qbi8ag8] .prospect-chat-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

[b-4x1qbi8ag8] .prospect-chat-suggestions button {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    white-space: nowrap;
    color: #212529;
}

[b-4x1qbi8ag8] .prospect-chat-suggestions button i {
    font-size: 0.9rem;
    color: var(--accent, #c8102e);
}

[b-4x1qbi8ag8] .prospect-chat-suggestions button:hover {
    background: #f1f1f1;
}