/* Minimal RTL overrides for key layouts */
html[dir="rtl"] .icons {
  left: 20px;
  right: auto;
}
html[dir="rtl"] .menu-toggle {
  right: 20px;
  left: auto;
}

/* Chat layout flipping */
html[dir="rtl"] #liv-avatar-wrapper {
  padding-right: 40px;
  padding-left: 0;
}
html[dir="rtl"] #chat-list-panel {
  border-left: 1px solid #ddd;
  border-right: 0;
}
html[dir="rtl"] .chat-menu {
  left: 0;
  right: auto;
}
html[dir="rtl"] .user-msg {
  text-align: right;
  border-radius: 18px 18px 18px 0;
}
html[dir="rtl"] .liv-bubble {
  border-radius: 18px 18px 0 18px;
}
html[dir="rtl"] .liv-container {
  justify-content: flex-end;
  padding-left: 50px;
  padding-right: 0;
}
html[dir="rtl"] .user-container {
  justify-content: flex-start;
  padding-right: 50px;
  padding-left: 0;
}