/* Force RTL direction globally */
html, body {
  direction: rtl !important;
}

/* Force RTL on Planka's root React container */
#root, .ui, .ui.segment, .ui.container {
  direction: rtl !important;
  text-align: right !important;
}

/* Flip flexbox-based layouts (board columns, headers, toolbars) */
[class*="Board_"], [class*="List_"], [class*="Header_"],
[class*="Sidebar_"], [class*="Toolbar_"] {
  direction: rtl !important;
}

.flex, [style*="display: flex"], [style*="display:flex"] {
  flex-direction: row-reverse;
}

/* Fix input/textarea alignment */
input, textarea {
  text-align: right !important;
  direction: rtl !important;
}

/* Keep icons and avatars from being mirrored oddly */
img, svg, .avatar, [class*="Avatar_"] {
  direction: ltr;
}