.chat-app, .customer-chat-drawer {
    --chat-imessage-outgoing-bg: #0a84ff;
    --chat-carrier-outgoing-bg: #34c759;
    --chat-customer-incoming-bg: #e9e9eb;
    --chat-customer-incoming-color: #111;
}
html[data-bs-theme="dark"] .chat-app, html[data-bs-theme="dark"] .customer-chat-drawer {
    --chat-carrier-outgoing-bg: #30b34a;
    --chat-customer-incoming-bg: #3a3a3c;
    --chat-customer-incoming-color: #fff;
}
.chat-customer-message-list { min-width: 0; }
.chat-customer-provider-switch { display: flex; width: 100%; align-items: center; gap: .75rem; margin: .45rem 0; color: var(--bs-secondary-color); font-size: .72rem; text-align: center; }
.chat-customer-provider-switch::before, .chat-customer-provider-switch::after { content: ''; flex: 1 1 auto; min-width: 1rem; border-top: 1px solid var(--bs-border-color); }
.chat-customer-provider-switch > span { flex: 0 1 auto; max-width: min(80%, 680px); padding: .1rem .4rem; background: var(--bs-body-bg); }
.chat-customer-message { position: relative; align-self: flex-end; width: min(78%, 680px); max-width: 100%; border-radius: .8rem .8rem .15rem .8rem; padding: .7rem .85rem; background: rgba(var(--bs-primary-rgb), .12); overflow-wrap: anywhere; }
.chat-customer-message.inbound { align-self: flex-start; border-radius: .8rem .8rem .8rem .15rem; background: var(--bs-tertiary-bg); }
.chat-customer-message.inbound .chat-customer-message-meta { text-align: left; }
.chat-customer-message.is-imessage, .chat-customer-message.is-carrier-message { border-radius: 1.15rem 1.15rem .28rem 1.15rem; box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.chat-customer-message.is-imessage.inbound, .chat-customer-message.is-carrier-message.inbound { border-radius: 1.15rem 1.15rem 1.15rem .28rem; background: var(--chat-customer-incoming-bg, var(--bs-tertiary-bg)); color: var(--chat-customer-incoming-color, var(--bs-body-color)); }
.chat-customer-message.is-imessage:not(.inbound) { background: var(--chat-imessage-outgoing-bg, #0a84ff); color: #fff; }
.chat-customer-message.is-carrier-message:not(.inbound) { background: var(--chat-carrier-outgoing-bg, #34c759); color: #fff; }
.chat-customer-message.is-imessage .chat-customer-message-body, .chat-customer-message.is-carrier-message .chat-customer-message-body { color: inherit; }
.chat-customer-message.is-imessage:not(.inbound) .chat-customer-message-meta, .chat-customer-message.is-carrier-message:not(.inbound) .chat-customer-message-meta { color: rgba(255, 255, 255, .8); }
.chat-customer-message.is-imessage.inbound .chat-customer-message-meta, .chat-customer-message.is-carrier-message.inbound .chat-customer-message-meta { color: var(--chat-customer-incoming-meta, var(--bs-secondary-color)); }
.chat-customer-message-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.chat-customer-message-meta { margin-top: .3rem; color: var(--bs-secondary-color); font-size: .72rem; text-align: right; overflow-wrap: anywhere; }
.chat-customer-attachment { width: 100%; max-width: min(100%, 420px); margin: .5rem 0 0; }
.chat-customer-attachment img, .chat-customer-attachment video { display: block; width: 100%; max-width: 100%; max-height: 360px; border-radius: .55rem; background: #111; object-fit: contain; }
.chat-customer-attachment figcaption { margin-top: .25rem; font-size: .75rem; overflow-wrap: anywhere; }
.chat-customer-message:not(.inbound) .chat-customer-attachment figcaption a { color: inherit; }
.chat-customer-attachment-link { display: block; max-width: 100%; margin-top: .5rem; overflow-wrap: anywhere; color: inherit; }
.customer-chat-drawer-timeline { min-width: 0; }
.customer-chat-drawer .chat-customer-message { width: min(88%, 680px); }