/* RTL support. Components use CSS logical properties (padding-inline-*, margin-inline-*,
   text-align: start) so most mirroring is automatic. This file holds the cases logical
   properties cannot express: bidi isolation for numbers/currency and directional icon flips. */

/* Numbers / currency stay LTR even inside RTL text, and use tabular figures so amounts/dates/refs
   align in columns (P1-2 stopgap across ~15 tables, ahead of the <LedgerAmount> ledger primitive). */
.bidi-number {
  unicode-bidi: isolate;
  direction: ltr;
  font-variant-numeric: tabular-nums;
}

/* Directional glyphs flip under RTL. */
[dir="rtl"] .icon-directional {
  transform: scaleX(-1);
}