/* This automatically flips spacing when is active */
[dir="rtl"] .ml-auto { margin-right: auto; margin-left: 0; }
[dir="rtl"] .mr-auto { margin-left: auto; margin-right: 0; }
/* Flip icons that point in a specific direction */
[dir="rtl"] .lucide-chevron-right,
[dir="rtl"] .lucide-arrow-right,
[dir="rtl"] .lucide-log-out {
transform: scaleX(-1);
}
/* Ensure text aligns correctly without changing every 'text-left' class */
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }