/* Bandlair UX bugfixes 2026-09-16 */

/* ChatChannelView is fixed to the viewport. On desktop the app shell reserves
   space for the fixed sidebar, so the chat must reserve the same space or
   incoming bubbles end up underneath the sidebar. The source rule comes from
   scoped CSS and therefore has higher specificity, so left needs to win here. */
@media (min-width: 1024px) {
    .chat {
        left: var(--sidebar-width) !important;
    }
}

/* Keep long unbroken content (URLs, pasted IDs, etc.) inside the bubble. */
.chat-row,
.chat-bubble,
.chat-text {
    min-width: 0;
}

.chat-text {
    overflow-wrap: anywhere;
}