.purio-live-handoff-request { border: 0; box-sizing: border-box; font-family: inherit; }
.purio-live-handoff-request-status { position: relative; display: inline-flex; width: 18px; height: 18px; margin: 0 -3px; align-items: center; justify-content: center; flex: 0 0 18px; }
.purio-live-handoff-request-status::after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #00a82347; animation: purio-live-handoff-pulse 2.8s ease-in-out infinite; }
.purio-live-handoff-request-status > span { position: relative; z-index: 1; width: 7px; height: 7px; border-radius: 50%; background: #139d30; }
.purio-live-handoff-request[data-type="end_human_chat"] .purio-live-handoff-request-status::after { background: #f6e6b6; }
.purio-live-handoff-request[data-type="end_human_chat"] .purio-live-handoff-request-status > span { background: #dba617; }
@keyframes purio-live-handoff-pulse {
    0%, 100% { opacity: .45; transform: scale(.78); }
    50% { opacity: 1; transform: scale(1.08); }
}
.purio-live-handoff-request--appearing { overflow: hidden; animation: purio-live-handoff-request-appear .22s ease-out; }
.purio-live-handoff-request--disappearing { overflow: hidden; animation: purio-live-handoff-request-appear .22s ease-in reverse both; }
@keyframes purio-live-handoff-request-appear {
    from { width: 0; margin-right: -8px; padding-right: 0; padding-left: 0; opacity: 0; }
    to { width: var(--purio-live-handoff-request-width); margin-right: 0; padding-right: 12px; padding-left: 12px; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .purio-live-handoff-request-status::after { animation: none; }
    .purio-live-handoff-request--appearing, .purio-live-handoff-request--disappearing { animation: none; }
}
.purio-live-handoff-request[data-type="human_handoff"] { background: #e5eee7; color: #2f7d41; }
.purio-live-handoff-request[data-type="human_handoff"]:hover, .purio-live-handoff-request[data-type="human_handoff"]:focus { background: #d8e8dc; color: #286c38; }
.purio-live-handoff-request[data-type="end_human_chat"] { background: #f3eddf; color: #80651f; }
.purio-live-handoff-request[data-type="end_human_chat"]:hover, .purio-live-handoff-request[data-type="end_human_chat"]:focus { background: #e9dfc9; color: #6e571b; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="human_handoff"] { background: #243429 !important; color: #86c895 !important; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="human_handoff"]:hover, .listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="human_handoff"]:focus { background: #1e2c23 !important; color: #79bc88 !important; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="end_human_chat"] { background: #3a3426 !important; color: #d5bd78 !important; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="end_human_chat"]:hover, .listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-request[data-type="end_human_chat"]:focus { background: #312c20 !important; color: #c7ae69 !important; }
.purio-live-handoff-request[aria-disabled="true"] { opacity: .55; cursor: wait; }
.listeo-ai-chat-message.purio-live-handoff-waiting-message { font-size: 13px; line-height: 20px; }
.purio-live-handoff-waiting-message .listeo-ai-chat-message-content { display: flex; align-items: center; gap: 8px; }
.listeo-ai-chat-message.purio-live-handoff-agent-joined { width: 100%; max-width: none; padding: 0; justify-content: center; background: transparent; box-shadow: none; }
.purio-live-handoff-agent-joined .listeo-ai-chat-message-content { display: inline-flex; width: auto; max-width: calc(100% - 24px); padding: 7px 14px; align-items: center; border-radius: 999px; background: #eaf6ed; box-shadow: none; color: #27823c; font-size: 13px; font-weight: 600; line-height: 20px; text-align: center; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-agent-joined .listeo-ai-chat-message-content { background: rgba(19, 157, 48, .16); color: #63c979; }
.purio-live-handoff-contact-form { position: relative; width: 100%; max-width: 400px; margin-right: auto; border-radius: 8px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .08); box-sizing: border-box; }
.purio-live-handoff-contact-form__body { padding: 14px 20px 16px; }
.purio-live-handoff-contact-form__heading { margin-bottom: 4px; color: #333; font-size: 16px; font-weight: 600; }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-contact-form { background: var(--chat-bg-secondary); box-shadow: 0 2px 5px rgba(0, 0, 0, .2); }
.listeo-ai-chat-wrapper.dark-mode .purio-live-handoff-contact-form__heading { color: var(--chat-text); }