.language-bar { flex: 0 0 auto; display: flex; justify-content: flex-end; padding: 6px 12px; background: var(--bg, #191c1f); color: var(--text, #e4e8ed); }
.language-control { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font: 13px system-ui, sans-serif; }
.language-control select { width: auto; max-width: 100%; min-height: 36px; padding: 6px 10px; border: 1px solid var(--border, #515963); border-radius: 6px; background: var(--bg, #191c1f); color: var(--text, #e4e8ed); font: inherit; }
.language-control select:focus-visible { outline: 2px solid var(--accent, #adcbe5); outline-offset: 2px; }
[dir=rtl] .msg-context-item, [dir=rtl] .user-context-item, [dir=rtl] .bubble, [dir=rtl] .dm-bubble { text-align: start; }
[dir=rtl] input, [dir=rtl] textarea { text-align: start; }
[dir=rtl] input[type=url], [dir=rtl] input[type=email], [dir=rtl] #room, [dir=rtl] #wsBase, [dir=rtl] #apiBase { direction: ltr; }
[dir=rtl] .msg-head, [dir=rtl] .dm-header { flex-wrap: wrap; }
[dir=rtl] .msg .body, [dir=rtl] .dm-bubble { unicode-bidi: plaintext; }
.language-bar + * { min-width: 0; }