/* =====================================================================
   rtl.css — the customer app right to left (Arabic). Loaded always (src/ui.ts);
   every rule is scoped to html[dir="rtl"], which public/static/i18n.js sets
   only in Arabic, so English is exactly as before.
   1. Base: the Arabic font (IBM Plex Sans Arabic beside Inter: Latin stays in
      Inter), no letter-spacing on Arabic, a little more line height.
   2. Tailwind's left/right utilities, flipped (ml-* ↔ mr-*, pl-*, left-*,
      text-left, border-l, rounded-l, space-x …). Two passes, resets then sets,
      so an element with both ml-2 and mr-4 still flips right. New code: prefer
      Tailwind's logical utilities (ms-*, me-*, ps-*, pe-*, start-*, end-*,
      text-start, text-end): they flip by themselves.
   3. Icons that point a direction (arrows, chevrons, reply).
   4. What stays left to right: emails, links, numbers typed, code, charts
      (.ltr for anything else); people's own words take their text's direction.
   5. The shell and the main screens' own classes (style.css), screen by screen.
      Phase 1 puts each screen's rules in that screen's dictionary file with
      GXI.i18n.css(…) (README.md): no two people edit this file.
   ===================================================================== */

/* ---- 1. base ---------------------------------------------------------------- */
html[dir="rtl"] body { font-family: 'Inter', 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
html[dir="rtl"] body * { letter-spacing: normal !important; }
html[dir="rtl"] .leading-tight, html[dir="rtl"] .leading-none { line-height: 1.4 !important; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.4; }

/* ---- 2. Tailwind's left/right utilities, flipped (generated) ---------------- */
html[dir="rtl"] .text-left { text-align: right; }
html[dir="rtl"] .text-right { text-align: left; }
html[dir="rtl"] .float-left { float: right; }
html[dir="rtl"] .float-right { float: left; }
html[dir="rtl"] [class*="space-x-"] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
html[dir="rtl"] [class*="divide-x"] > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; }
html[dir="rtl"] .group:hover .group-hover\:translate-x-0\.5 { --tw-translate-x: -0.125rem; }
html[dir="rtl"] .group:hover .group-hover\:translate-x-1 { --tw-translate-x: -0.25rem; }
html[dir="rtl"] .ml-0{margin-left:0}
html[dir="rtl"] .mr-0{margin-right:0}
html[dir="rtl"] .pl-0{padding-left:0}
html[dir="rtl"] .pr-0{padding-right:0}
html[dir="rtl"] .left-0{left:auto}
html[dir="rtl"] .right-0{right:auto}
html[dir="rtl"] .ml-1{margin-left:0}
html[dir="rtl"] .mr-1{margin-right:0}
html[dir="rtl"] .pl-1{padding-left:0}
html[dir="rtl"] .pr-1{padding-right:0}
html[dir="rtl"] .left-1{left:auto}
html[dir="rtl"] .right-1{right:auto}
html[dir="rtl"] .-ml-1{margin-left:0}
html[dir="rtl"] .-mr-1{margin-right:0}
html[dir="rtl"] .-left-1{left:auto}
html[dir="rtl"] .-right-1{right:auto}
html[dir="rtl"] .ml-2{margin-left:0}
html[dir="rtl"] .mr-2{margin-right:0}
html[dir="rtl"] .pl-2{padding-left:0}
html[dir="rtl"] .pr-2{padding-right:0}
html[dir="rtl"] .left-2{left:auto}
html[dir="rtl"] .right-2{right:auto}
html[dir="rtl"] .-ml-2{margin-left:0}
html[dir="rtl"] .-mr-2{margin-right:0}
html[dir="rtl"] .-left-2{left:auto}
html[dir="rtl"] .-right-2{right:auto}
html[dir="rtl"] .ml-3{margin-left:0}
html[dir="rtl"] .mr-3{margin-right:0}
html[dir="rtl"] .pl-3{padding-left:0}
html[dir="rtl"] .pr-3{padding-right:0}
html[dir="rtl"] .left-3{left:auto}
html[dir="rtl"] .right-3{right:auto}
html[dir="rtl"] .-ml-3{margin-left:0}
html[dir="rtl"] .-mr-3{margin-right:0}
html[dir="rtl"] .-left-3{left:auto}
html[dir="rtl"] .-right-3{right:auto}
html[dir="rtl"] .ml-4{margin-left:0}
html[dir="rtl"] .mr-4{margin-right:0}
html[dir="rtl"] .pl-4{padding-left:0}
html[dir="rtl"] .pr-4{padding-right:0}
html[dir="rtl"] .left-4{left:auto}
html[dir="rtl"] .right-4{right:auto}
html[dir="rtl"] .-ml-4{margin-left:0}
html[dir="rtl"] .-mr-4{margin-right:0}
html[dir="rtl"] .-left-4{left:auto}
html[dir="rtl"] .-right-4{right:auto}
html[dir="rtl"] .ml-5{margin-left:0}
html[dir="rtl"] .mr-5{margin-right:0}
html[dir="rtl"] .pl-5{padding-left:0}
html[dir="rtl"] .pr-5{padding-right:0}
html[dir="rtl"] .left-5{left:auto}
html[dir="rtl"] .right-5{right:auto}
html[dir="rtl"] .-ml-5{margin-left:0}
html[dir="rtl"] .-mr-5{margin-right:0}
html[dir="rtl"] .-left-5{left:auto}
html[dir="rtl"] .-right-5{right:auto}
html[dir="rtl"] .ml-6{margin-left:0}
html[dir="rtl"] .mr-6{margin-right:0}
html[dir="rtl"] .pl-6{padding-left:0}
html[dir="rtl"] .pr-6{padding-right:0}
html[dir="rtl"] .left-6{left:auto}
html[dir="rtl"] .right-6{right:auto}
html[dir="rtl"] .-ml-6{margin-left:0}
html[dir="rtl"] .-mr-6{margin-right:0}
html[dir="rtl"] .-left-6{left:auto}
html[dir="rtl"] .-right-6{right:auto}
html[dir="rtl"] .ml-7{margin-left:0}
html[dir="rtl"] .mr-7{margin-right:0}
html[dir="rtl"] .pl-7{padding-left:0}
html[dir="rtl"] .pr-7{padding-right:0}
html[dir="rtl"] .left-7{left:auto}
html[dir="rtl"] .right-7{right:auto}
html[dir="rtl"] .-ml-7{margin-left:0}
html[dir="rtl"] .-mr-7{margin-right:0}
html[dir="rtl"] .-left-7{left:auto}
html[dir="rtl"] .-right-7{right:auto}
html[dir="rtl"] .ml-8{margin-left:0}
html[dir="rtl"] .mr-8{margin-right:0}
html[dir="rtl"] .pl-8{padding-left:0}
html[dir="rtl"] .pr-8{padding-right:0}
html[dir="rtl"] .left-8{left:auto}
html[dir="rtl"] .right-8{right:auto}
html[dir="rtl"] .-ml-8{margin-left:0}
html[dir="rtl"] .-mr-8{margin-right:0}
html[dir="rtl"] .-left-8{left:auto}
html[dir="rtl"] .-right-8{right:auto}
html[dir="rtl"] .ml-9{margin-left:0}
html[dir="rtl"] .mr-9{margin-right:0}
html[dir="rtl"] .pl-9{padding-left:0}
html[dir="rtl"] .pr-9{padding-right:0}
html[dir="rtl"] .left-9{left:auto}
html[dir="rtl"] .right-9{right:auto}
html[dir="rtl"] .-ml-9{margin-left:0}
html[dir="rtl"] .-mr-9{margin-right:0}
html[dir="rtl"] .-left-9{left:auto}
html[dir="rtl"] .-right-9{right:auto}
html[dir="rtl"] .ml-10{margin-left:0}
html[dir="rtl"] .mr-10{margin-right:0}
html[dir="rtl"] .pl-10{padding-left:0}
html[dir="rtl"] .pr-10{padding-right:0}
html[dir="rtl"] .left-10{left:auto}
html[dir="rtl"] .right-10{right:auto}
html[dir="rtl"] .-ml-10{margin-left:0}
html[dir="rtl"] .-mr-10{margin-right:0}
html[dir="rtl"] .-left-10{left:auto}
html[dir="rtl"] .-right-10{right:auto}
html[dir="rtl"] .ml-11{margin-left:0}
html[dir="rtl"] .mr-11{margin-right:0}
html[dir="rtl"] .pl-11{padding-left:0}
html[dir="rtl"] .pr-11{padding-right:0}
html[dir="rtl"] .left-11{left:auto}
html[dir="rtl"] .right-11{right:auto}
html[dir="rtl"] .-ml-11{margin-left:0}
html[dir="rtl"] .-mr-11{margin-right:0}
html[dir="rtl"] .-left-11{left:auto}
html[dir="rtl"] .-right-11{right:auto}
html[dir="rtl"] .ml-12{margin-left:0}
html[dir="rtl"] .mr-12{margin-right:0}
html[dir="rtl"] .pl-12{padding-left:0}
html[dir="rtl"] .pr-12{padding-right:0}
html[dir="rtl"] .left-12{left:auto}
html[dir="rtl"] .right-12{right:auto}
html[dir="rtl"] .-ml-12{margin-left:0}
html[dir="rtl"] .-mr-12{margin-right:0}
html[dir="rtl"] .-left-12{left:auto}
html[dir="rtl"] .-right-12{right:auto}
html[dir="rtl"] .ml-14{margin-left:0}
html[dir="rtl"] .mr-14{margin-right:0}
html[dir="rtl"] .pl-14{padding-left:0}
html[dir="rtl"] .pr-14{padding-right:0}
html[dir="rtl"] .left-14{left:auto}
html[dir="rtl"] .right-14{right:auto}
html[dir="rtl"] .-ml-14{margin-left:0}
html[dir="rtl"] .-mr-14{margin-right:0}
html[dir="rtl"] .-left-14{left:auto}
html[dir="rtl"] .-right-14{right:auto}
html[dir="rtl"] .ml-16{margin-left:0}
html[dir="rtl"] .mr-16{margin-right:0}
html[dir="rtl"] .pl-16{padding-left:0}
html[dir="rtl"] .pr-16{padding-right:0}
html[dir="rtl"] .left-16{left:auto}
html[dir="rtl"] .right-16{right:auto}
html[dir="rtl"] .-ml-16{margin-left:0}
html[dir="rtl"] .-mr-16{margin-right:0}
html[dir="rtl"] .-left-16{left:auto}
html[dir="rtl"] .-right-16{right:auto}
html[dir="rtl"] .ml-20{margin-left:0}
html[dir="rtl"] .mr-20{margin-right:0}
html[dir="rtl"] .pl-20{padding-left:0}
html[dir="rtl"] .pr-20{padding-right:0}
html[dir="rtl"] .left-20{left:auto}
html[dir="rtl"] .right-20{right:auto}
html[dir="rtl"] .-ml-20{margin-left:0}
html[dir="rtl"] .-mr-20{margin-right:0}
html[dir="rtl"] .-left-20{left:auto}
html[dir="rtl"] .-right-20{right:auto}
html[dir="rtl"] .ml-24{margin-left:0}
html[dir="rtl"] .mr-24{margin-right:0}
html[dir="rtl"] .pl-24{padding-left:0}
html[dir="rtl"] .pr-24{padding-right:0}
html[dir="rtl"] .left-24{left:auto}
html[dir="rtl"] .right-24{right:auto}
html[dir="rtl"] .-ml-24{margin-left:0}
html[dir="rtl"] .-mr-24{margin-right:0}
html[dir="rtl"] .-left-24{left:auto}
html[dir="rtl"] .-right-24{right:auto}
html[dir="rtl"] .ml-px{margin-left:0}
html[dir="rtl"] .mr-px{margin-right:0}
html[dir="rtl"] .pl-px{padding-left:0}
html[dir="rtl"] .pr-px{padding-right:0}
html[dir="rtl"] .left-px{left:auto}
html[dir="rtl"] .right-px{right:auto}
html[dir="rtl"] .-ml-px{margin-left:0}
html[dir="rtl"] .-mr-px{margin-right:0}
html[dir="rtl"] .-left-px{left:auto}
html[dir="rtl"] .-right-px{right:auto}
html[dir="rtl"] .ml-0\.5{margin-left:0}
html[dir="rtl"] .mr-0\.5{margin-right:0}
html[dir="rtl"] .pl-0\.5{padding-left:0}
html[dir="rtl"] .pr-0\.5{padding-right:0}
html[dir="rtl"] .left-0\.5{left:auto}
html[dir="rtl"] .right-0\.5{right:auto}
html[dir="rtl"] .-ml-0\.5{margin-left:0}
html[dir="rtl"] .-mr-0\.5{margin-right:0}
html[dir="rtl"] .-left-0\.5{left:auto}
html[dir="rtl"] .-right-0\.5{right:auto}
html[dir="rtl"] .ml-1\.5{margin-left:0}
html[dir="rtl"] .mr-1\.5{margin-right:0}
html[dir="rtl"] .pl-1\.5{padding-left:0}
html[dir="rtl"] .pr-1\.5{padding-right:0}
html[dir="rtl"] .left-1\.5{left:auto}
html[dir="rtl"] .right-1\.5{right:auto}
html[dir="rtl"] .-ml-1\.5{margin-left:0}
html[dir="rtl"] .-mr-1\.5{margin-right:0}
html[dir="rtl"] .-left-1\.5{left:auto}
html[dir="rtl"] .-right-1\.5{right:auto}
html[dir="rtl"] .ml-2\.5{margin-left:0}
html[dir="rtl"] .mr-2\.5{margin-right:0}
html[dir="rtl"] .pl-2\.5{padding-left:0}
html[dir="rtl"] .pr-2\.5{padding-right:0}
html[dir="rtl"] .left-2\.5{left:auto}
html[dir="rtl"] .right-2\.5{right:auto}
html[dir="rtl"] .-ml-2\.5{margin-left:0}
html[dir="rtl"] .-mr-2\.5{margin-right:0}
html[dir="rtl"] .-left-2\.5{left:auto}
html[dir="rtl"] .-right-2\.5{right:auto}
html[dir="rtl"] .ml-3\.5{margin-left:0}
html[dir="rtl"] .mr-3\.5{margin-right:0}
html[dir="rtl"] .pl-3\.5{padding-left:0}
html[dir="rtl"] .pr-3\.5{padding-right:0}
html[dir="rtl"] .left-3\.5{left:auto}
html[dir="rtl"] .right-3\.5{right:auto}
html[dir="rtl"] .-ml-3\.5{margin-left:0}
html[dir="rtl"] .-mr-3\.5{margin-right:0}
html[dir="rtl"] .-left-3\.5{left:auto}
html[dir="rtl"] .-right-3\.5{right:auto}
html[dir="rtl"] .ml-auto{margin-left:0}
html[dir="rtl"] .mr-auto{margin-right:0}
html[dir="rtl"] .left-auto{left:auto}
html[dir="rtl"] .right-auto{right:auto}
html[dir="rtl"] .border-l-0{border-left-width:0}
html[dir="rtl"] .border-r-0{border-right-width:0}
html[dir="rtl"] .border-l-2{border-left-width:0}
html[dir="rtl"] .border-r-2{border-right-width:0}
html[dir="rtl"] .border-l-4{border-left-width:0}
html[dir="rtl"] .border-r-4{border-right-width:0}
html[dir="rtl"] .border-l-8{border-left-width:0}
html[dir="rtl"] .border-r-8{border-right-width:0}
html[dir="rtl"] .border-l{border-left-width:0}
html[dir="rtl"] .border-r{border-right-width:0}
html[dir="rtl"] .rounded-l{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-sm{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-sm{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-md{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-md{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-lg{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-lg{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-xl{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-xl{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-2xl{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-2xl{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .rounded-l-full{border-top-left-radius:0;border-bottom-left-radius:0}
html[dir="rtl"] .rounded-r-full{border-top-right-radius:0;border-bottom-right-radius:0}
html[dir="rtl"] .ml-0{margin-right:0px}
html[dir="rtl"] .mr-0{margin-left:0px}
html[dir="rtl"] .pl-0{padding-right:0px}
html[dir="rtl"] .pr-0{padding-left:0px}
html[dir="rtl"] .left-0{right:0px}
html[dir="rtl"] .right-0{left:0px}
html[dir="rtl"] .ml-1{margin-right:0.25rem}
html[dir="rtl"] .mr-1{margin-left:0.25rem}
html[dir="rtl"] .pl-1{padding-right:0.25rem}
html[dir="rtl"] .pr-1{padding-left:0.25rem}
html[dir="rtl"] .left-1{right:0.25rem}
html[dir="rtl"] .right-1{left:0.25rem}
html[dir="rtl"] .-ml-1{margin-right:-0.25rem}
html[dir="rtl"] .-mr-1{margin-left:-0.25rem}
html[dir="rtl"] .-left-1{right:-0.25rem}
html[dir="rtl"] .-right-1{left:-0.25rem}
html[dir="rtl"] .ml-2{margin-right:0.5rem}
html[dir="rtl"] .mr-2{margin-left:0.5rem}
html[dir="rtl"] .pl-2{padding-right:0.5rem}
html[dir="rtl"] .pr-2{padding-left:0.5rem}
html[dir="rtl"] .left-2{right:0.5rem}
html[dir="rtl"] .right-2{left:0.5rem}
html[dir="rtl"] .-ml-2{margin-right:-0.5rem}
html[dir="rtl"] .-mr-2{margin-left:-0.5rem}
html[dir="rtl"] .-left-2{right:-0.5rem}
html[dir="rtl"] .-right-2{left:-0.5rem}
html[dir="rtl"] .ml-3{margin-right:0.75rem}
html[dir="rtl"] .mr-3{margin-left:0.75rem}
html[dir="rtl"] .pl-3{padding-right:0.75rem}
html[dir="rtl"] .pr-3{padding-left:0.75rem}
html[dir="rtl"] .left-3{right:0.75rem}
html[dir="rtl"] .right-3{left:0.75rem}
html[dir="rtl"] .-ml-3{margin-right:-0.75rem}
html[dir="rtl"] .-mr-3{margin-left:-0.75rem}
html[dir="rtl"] .-left-3{right:-0.75rem}
html[dir="rtl"] .-right-3{left:-0.75rem}
html[dir="rtl"] .ml-4{margin-right:1rem}
html[dir="rtl"] .mr-4{margin-left:1rem}
html[dir="rtl"] .pl-4{padding-right:1rem}
html[dir="rtl"] .pr-4{padding-left:1rem}
html[dir="rtl"] .left-4{right:1rem}
html[dir="rtl"] .right-4{left:1rem}
html[dir="rtl"] .-ml-4{margin-right:-1rem}
html[dir="rtl"] .-mr-4{margin-left:-1rem}
html[dir="rtl"] .-left-4{right:-1rem}
html[dir="rtl"] .-right-4{left:-1rem}
html[dir="rtl"] .ml-5{margin-right:1.25rem}
html[dir="rtl"] .mr-5{margin-left:1.25rem}
html[dir="rtl"] .pl-5{padding-right:1.25rem}
html[dir="rtl"] .pr-5{padding-left:1.25rem}
html[dir="rtl"] .left-5{right:1.25rem}
html[dir="rtl"] .right-5{left:1.25rem}
html[dir="rtl"] .-ml-5{margin-right:-1.25rem}
html[dir="rtl"] .-mr-5{margin-left:-1.25rem}
html[dir="rtl"] .-left-5{right:-1.25rem}
html[dir="rtl"] .-right-5{left:-1.25rem}
html[dir="rtl"] .ml-6{margin-right:1.5rem}
html[dir="rtl"] .mr-6{margin-left:1.5rem}
html[dir="rtl"] .pl-6{padding-right:1.5rem}
html[dir="rtl"] .pr-6{padding-left:1.5rem}
html[dir="rtl"] .left-6{right:1.5rem}
html[dir="rtl"] .right-6{left:1.5rem}
html[dir="rtl"] .-ml-6{margin-right:-1.5rem}
html[dir="rtl"] .-mr-6{margin-left:-1.5rem}
html[dir="rtl"] .-left-6{right:-1.5rem}
html[dir="rtl"] .-right-6{left:-1.5rem}
html[dir="rtl"] .ml-7{margin-right:1.75rem}
html[dir="rtl"] .mr-7{margin-left:1.75rem}
html[dir="rtl"] .pl-7{padding-right:1.75rem}
html[dir="rtl"] .pr-7{padding-left:1.75rem}
html[dir="rtl"] .left-7{right:1.75rem}
html[dir="rtl"] .right-7{left:1.75rem}
html[dir="rtl"] .-ml-7{margin-right:-1.75rem}
html[dir="rtl"] .-mr-7{margin-left:-1.75rem}
html[dir="rtl"] .-left-7{right:-1.75rem}
html[dir="rtl"] .-right-7{left:-1.75rem}
html[dir="rtl"] .ml-8{margin-right:2rem}
html[dir="rtl"] .mr-8{margin-left:2rem}
html[dir="rtl"] .pl-8{padding-right:2rem}
html[dir="rtl"] .pr-8{padding-left:2rem}
html[dir="rtl"] .left-8{right:2rem}
html[dir="rtl"] .right-8{left:2rem}
html[dir="rtl"] .-ml-8{margin-right:-2rem}
html[dir="rtl"] .-mr-8{margin-left:-2rem}
html[dir="rtl"] .-left-8{right:-2rem}
html[dir="rtl"] .-right-8{left:-2rem}
html[dir="rtl"] .ml-9{margin-right:2.25rem}
html[dir="rtl"] .mr-9{margin-left:2.25rem}
html[dir="rtl"] .pl-9{padding-right:2.25rem}
html[dir="rtl"] .pr-9{padding-left:2.25rem}
html[dir="rtl"] .left-9{right:2.25rem}
html[dir="rtl"] .right-9{left:2.25rem}
html[dir="rtl"] .-ml-9{margin-right:-2.25rem}
html[dir="rtl"] .-mr-9{margin-left:-2.25rem}
html[dir="rtl"] .-left-9{right:-2.25rem}
html[dir="rtl"] .-right-9{left:-2.25rem}
html[dir="rtl"] .ml-10{margin-right:2.5rem}
html[dir="rtl"] .mr-10{margin-left:2.5rem}
html[dir="rtl"] .pl-10{padding-right:2.5rem}
html[dir="rtl"] .pr-10{padding-left:2.5rem}
html[dir="rtl"] .left-10{right:2.5rem}
html[dir="rtl"] .right-10{left:2.5rem}
html[dir="rtl"] .-ml-10{margin-right:-2.5rem}
html[dir="rtl"] .-mr-10{margin-left:-2.5rem}
html[dir="rtl"] .-left-10{right:-2.5rem}
html[dir="rtl"] .-right-10{left:-2.5rem}
html[dir="rtl"] .ml-11{margin-right:2.75rem}
html[dir="rtl"] .mr-11{margin-left:2.75rem}
html[dir="rtl"] .pl-11{padding-right:2.75rem}
html[dir="rtl"] .pr-11{padding-left:2.75rem}
html[dir="rtl"] .left-11{right:2.75rem}
html[dir="rtl"] .right-11{left:2.75rem}
html[dir="rtl"] .-ml-11{margin-right:-2.75rem}
html[dir="rtl"] .-mr-11{margin-left:-2.75rem}
html[dir="rtl"] .-left-11{right:-2.75rem}
html[dir="rtl"] .-right-11{left:-2.75rem}
html[dir="rtl"] .ml-12{margin-right:3rem}
html[dir="rtl"] .mr-12{margin-left:3rem}
html[dir="rtl"] .pl-12{padding-right:3rem}
html[dir="rtl"] .pr-12{padding-left:3rem}
html[dir="rtl"] .left-12{right:3rem}
html[dir="rtl"] .right-12{left:3rem}
html[dir="rtl"] .-ml-12{margin-right:-3rem}
html[dir="rtl"] .-mr-12{margin-left:-3rem}
html[dir="rtl"] .-left-12{right:-3rem}
html[dir="rtl"] .-right-12{left:-3rem}
html[dir="rtl"] .ml-14{margin-right:3.5rem}
html[dir="rtl"] .mr-14{margin-left:3.5rem}
html[dir="rtl"] .pl-14{padding-right:3.5rem}
html[dir="rtl"] .pr-14{padding-left:3.5rem}
html[dir="rtl"] .left-14{right:3.5rem}
html[dir="rtl"] .right-14{left:3.5rem}
html[dir="rtl"] .-ml-14{margin-right:-3.5rem}
html[dir="rtl"] .-mr-14{margin-left:-3.5rem}
html[dir="rtl"] .-left-14{right:-3.5rem}
html[dir="rtl"] .-right-14{left:-3.5rem}
html[dir="rtl"] .ml-16{margin-right:4rem}
html[dir="rtl"] .mr-16{margin-left:4rem}
html[dir="rtl"] .pl-16{padding-right:4rem}
html[dir="rtl"] .pr-16{padding-left:4rem}
html[dir="rtl"] .left-16{right:4rem}
html[dir="rtl"] .right-16{left:4rem}
html[dir="rtl"] .-ml-16{margin-right:-4rem}
html[dir="rtl"] .-mr-16{margin-left:-4rem}
html[dir="rtl"] .-left-16{right:-4rem}
html[dir="rtl"] .-right-16{left:-4rem}
html[dir="rtl"] .ml-20{margin-right:5rem}
html[dir="rtl"] .mr-20{margin-left:5rem}
html[dir="rtl"] .pl-20{padding-right:5rem}
html[dir="rtl"] .pr-20{padding-left:5rem}
html[dir="rtl"] .left-20{right:5rem}
html[dir="rtl"] .right-20{left:5rem}
html[dir="rtl"] .-ml-20{margin-right:-5rem}
html[dir="rtl"] .-mr-20{margin-left:-5rem}
html[dir="rtl"] .-left-20{right:-5rem}
html[dir="rtl"] .-right-20{left:-5rem}
html[dir="rtl"] .ml-24{margin-right:6rem}
html[dir="rtl"] .mr-24{margin-left:6rem}
html[dir="rtl"] .pl-24{padding-right:6rem}
html[dir="rtl"] .pr-24{padding-left:6rem}
html[dir="rtl"] .left-24{right:6rem}
html[dir="rtl"] .right-24{left:6rem}
html[dir="rtl"] .-ml-24{margin-right:-6rem}
html[dir="rtl"] .-mr-24{margin-left:-6rem}
html[dir="rtl"] .-left-24{right:-6rem}
html[dir="rtl"] .-right-24{left:-6rem}
html[dir="rtl"] .ml-px{margin-right:1px}
html[dir="rtl"] .mr-px{margin-left:1px}
html[dir="rtl"] .pl-px{padding-right:1px}
html[dir="rtl"] .pr-px{padding-left:1px}
html[dir="rtl"] .left-px{right:1px}
html[dir="rtl"] .right-px{left:1px}
html[dir="rtl"] .-ml-px{margin-right:-1px}
html[dir="rtl"] .-mr-px{margin-left:-1px}
html[dir="rtl"] .-left-px{right:-1px}
html[dir="rtl"] .-right-px{left:-1px}
html[dir="rtl"] .ml-0\.5{margin-right:0.125rem}
html[dir="rtl"] .mr-0\.5{margin-left:0.125rem}
html[dir="rtl"] .pl-0\.5{padding-right:0.125rem}
html[dir="rtl"] .pr-0\.5{padding-left:0.125rem}
html[dir="rtl"] .left-0\.5{right:0.125rem}
html[dir="rtl"] .right-0\.5{left:0.125rem}
html[dir="rtl"] .-ml-0\.5{margin-right:-0.125rem}
html[dir="rtl"] .-mr-0\.5{margin-left:-0.125rem}
html[dir="rtl"] .-left-0\.5{right:-0.125rem}
html[dir="rtl"] .-right-0\.5{left:-0.125rem}
html[dir="rtl"] .ml-1\.5{margin-right:0.375rem}
html[dir="rtl"] .mr-1\.5{margin-left:0.375rem}
html[dir="rtl"] .pl-1\.5{padding-right:0.375rem}
html[dir="rtl"] .pr-1\.5{padding-left:0.375rem}
html[dir="rtl"] .left-1\.5{right:0.375rem}
html[dir="rtl"] .right-1\.5{left:0.375rem}
html[dir="rtl"] .-ml-1\.5{margin-right:-0.375rem}
html[dir="rtl"] .-mr-1\.5{margin-left:-0.375rem}
html[dir="rtl"] .-left-1\.5{right:-0.375rem}
html[dir="rtl"] .-right-1\.5{left:-0.375rem}
html[dir="rtl"] .ml-2\.5{margin-right:0.625rem}
html[dir="rtl"] .mr-2\.5{margin-left:0.625rem}
html[dir="rtl"] .pl-2\.5{padding-right:0.625rem}
html[dir="rtl"] .pr-2\.5{padding-left:0.625rem}
html[dir="rtl"] .left-2\.5{right:0.625rem}
html[dir="rtl"] .right-2\.5{left:0.625rem}
html[dir="rtl"] .-ml-2\.5{margin-right:-0.625rem}
html[dir="rtl"] .-mr-2\.5{margin-left:-0.625rem}
html[dir="rtl"] .-left-2\.5{right:-0.625rem}
html[dir="rtl"] .-right-2\.5{left:-0.625rem}
html[dir="rtl"] .ml-3\.5{margin-right:0.875rem}
html[dir="rtl"] .mr-3\.5{margin-left:0.875rem}
html[dir="rtl"] .pl-3\.5{padding-right:0.875rem}
html[dir="rtl"] .pr-3\.5{padding-left:0.875rem}
html[dir="rtl"] .left-3\.5{right:0.875rem}
html[dir="rtl"] .right-3\.5{left:0.875rem}
html[dir="rtl"] .-ml-3\.5{margin-right:-0.875rem}
html[dir="rtl"] .-mr-3\.5{margin-left:-0.875rem}
html[dir="rtl"] .-left-3\.5{right:-0.875rem}
html[dir="rtl"] .-right-3\.5{left:-0.875rem}
html[dir="rtl"] .ml-auto{margin-right:auto}
html[dir="rtl"] .mr-auto{margin-left:auto}
html[dir="rtl"] .left-auto{right:auto}
html[dir="rtl"] .right-auto{left:auto}
html[dir="rtl"] .border-l-0{border-right-width:0px}
html[dir="rtl"] .border-r-0{border-left-width:0px}
html[dir="rtl"] .border-l-2{border-right-width:2px}
html[dir="rtl"] .border-r-2{border-left-width:2px}
html[dir="rtl"] .border-l-4{border-right-width:4px}
html[dir="rtl"] .border-r-4{border-left-width:4px}
html[dir="rtl"] .border-l-8{border-right-width:8px}
html[dir="rtl"] .border-r-8{border-left-width:8px}
html[dir="rtl"] .border-l{border-right-width:1px}
html[dir="rtl"] .border-r{border-left-width:1px}
html[dir="rtl"] .rounded-l{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}
html[dir="rtl"] .rounded-r{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}
html[dir="rtl"] .rounded-l-sm{border-top-right-radius:0.125rem;border-bottom-right-radius:0.125rem}
html[dir="rtl"] .rounded-r-sm{border-top-left-radius:0.125rem;border-bottom-left-radius:0.125rem}
html[dir="rtl"] .rounded-l-md{border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}
html[dir="rtl"] .rounded-r-md{border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}
html[dir="rtl"] .rounded-l-lg{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
html[dir="rtl"] .rounded-r-lg{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}
html[dir="rtl"] .rounded-l-xl{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem}
html[dir="rtl"] .rounded-r-xl{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}
html[dir="rtl"] .rounded-l-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}
html[dir="rtl"] .rounded-r-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}
html[dir="rtl"] .rounded-l-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}
html[dir="rtl"] .rounded-r-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}
@media (min-width:640px){
html[dir="rtl"] .sm\:ml-0{margin-left:0}
html[dir="rtl"] .sm\:mr-0{margin-right:0}
html[dir="rtl"] .sm\:pl-0{padding-left:0}
html[dir="rtl"] .sm\:pr-0{padding-right:0}
html[dir="rtl"] .sm\:ml-1{margin-left:0}
html[dir="rtl"] .sm\:mr-1{margin-right:0}
html[dir="rtl"] .sm\:pl-1{padding-left:0}
html[dir="rtl"] .sm\:pr-1{padding-right:0}
html[dir="rtl"] .sm\:ml-2{margin-left:0}
html[dir="rtl"] .sm\:mr-2{margin-right:0}
html[dir="rtl"] .sm\:pl-2{padding-left:0}
html[dir="rtl"] .sm\:pr-2{padding-right:0}
html[dir="rtl"] .sm\:ml-3{margin-left:0}
html[dir="rtl"] .sm\:mr-3{margin-right:0}
html[dir="rtl"] .sm\:pl-3{padding-left:0}
html[dir="rtl"] .sm\:pr-3{padding-right:0}
html[dir="rtl"] .sm\:ml-4{margin-left:0}
html[dir="rtl"] .sm\:mr-4{margin-right:0}
html[dir="rtl"] .sm\:pl-4{padding-left:0}
html[dir="rtl"] .sm\:pr-4{padding-right:0}
html[dir="rtl"] .sm\:ml-6{margin-left:0}
html[dir="rtl"] .sm\:mr-6{margin-right:0}
html[dir="rtl"] .sm\:pl-6{padding-left:0}
html[dir="rtl"] .sm\:pr-6{padding-right:0}
html[dir="rtl"] .sm\:ml-8{margin-left:0}
html[dir="rtl"] .sm\:mr-8{margin-right:0}
html[dir="rtl"] .sm\:pl-8{padding-left:0}
html[dir="rtl"] .sm\:pr-8{padding-right:0}
html[dir="rtl"] .sm\:ml-auto{margin-left:0}
html[dir="rtl"] .sm\:border-l{border-left-width:0}
html[dir="rtl"] .sm\:border-r{border-right-width:0}
html[dir="rtl"] .sm\:ml-0{margin-right:0px}
html[dir="rtl"] .sm\:mr-0{margin-left:0px}
html[dir="rtl"] .sm\:pl-0{padding-right:0px}
html[dir="rtl"] .sm\:pr-0{padding-left:0px}
html[dir="rtl"] .sm\:ml-1{margin-right:0.25rem}
html[dir="rtl"] .sm\:mr-1{margin-left:0.25rem}
html[dir="rtl"] .sm\:pl-1{padding-right:0.25rem}
html[dir="rtl"] .sm\:pr-1{padding-left:0.25rem}
html[dir="rtl"] .sm\:ml-2{margin-right:0.5rem}
html[dir="rtl"] .sm\:mr-2{margin-left:0.5rem}
html[dir="rtl"] .sm\:pl-2{padding-right:0.5rem}
html[dir="rtl"] .sm\:pr-2{padding-left:0.5rem}
html[dir="rtl"] .sm\:ml-3{margin-right:0.75rem}
html[dir="rtl"] .sm\:mr-3{margin-left:0.75rem}
html[dir="rtl"] .sm\:pl-3{padding-right:0.75rem}
html[dir="rtl"] .sm\:pr-3{padding-left:0.75rem}
html[dir="rtl"] .sm\:ml-4{margin-right:1rem}
html[dir="rtl"] .sm\:mr-4{margin-left:1rem}
html[dir="rtl"] .sm\:pl-4{padding-right:1rem}
html[dir="rtl"] .sm\:pr-4{padding-left:1rem}
html[dir="rtl"] .sm\:ml-6{margin-right:1.5rem}
html[dir="rtl"] .sm\:mr-6{margin-left:1.5rem}
html[dir="rtl"] .sm\:pl-6{padding-right:1.5rem}
html[dir="rtl"] .sm\:pr-6{padding-left:1.5rem}
html[dir="rtl"] .sm\:ml-8{margin-right:2rem}
html[dir="rtl"] .sm\:mr-8{margin-left:2rem}
html[dir="rtl"] .sm\:pl-8{padding-right:2rem}
html[dir="rtl"] .sm\:pr-8{padding-left:2rem}
html[dir="rtl"] .sm\:ml-auto{margin-right:auto}
html[dir="rtl"] .sm\:border-l{border-right-width:1px}
html[dir="rtl"] .sm\:border-r{border-left-width:1px}
html[dir="rtl"] .sm\:text-left{text-align:right}
html[dir="rtl"] .sm\:text-right{text-align:left}
}
@media (min-width:768px){
html[dir="rtl"] .md\:ml-0{margin-left:0}
html[dir="rtl"] .md\:mr-0{margin-right:0}
html[dir="rtl"] .md\:pl-0{padding-left:0}
html[dir="rtl"] .md\:pr-0{padding-right:0}
html[dir="rtl"] .md\:ml-1{margin-left:0}
html[dir="rtl"] .md\:mr-1{margin-right:0}
html[dir="rtl"] .md\:pl-1{padding-left:0}
html[dir="rtl"] .md\:pr-1{padding-right:0}
html[dir="rtl"] .md\:ml-2{margin-left:0}
html[dir="rtl"] .md\:mr-2{margin-right:0}
html[dir="rtl"] .md\:pl-2{padding-left:0}
html[dir="rtl"] .md\:pr-2{padding-right:0}
html[dir="rtl"] .md\:ml-3{margin-left:0}
html[dir="rtl"] .md\:mr-3{margin-right:0}
html[dir="rtl"] .md\:pl-3{padding-left:0}
html[dir="rtl"] .md\:pr-3{padding-right:0}
html[dir="rtl"] .md\:ml-4{margin-left:0}
html[dir="rtl"] .md\:mr-4{margin-right:0}
html[dir="rtl"] .md\:pl-4{padding-left:0}
html[dir="rtl"] .md\:pr-4{padding-right:0}
html[dir="rtl"] .md\:ml-6{margin-left:0}
html[dir="rtl"] .md\:mr-6{margin-right:0}
html[dir="rtl"] .md\:pl-6{padding-left:0}
html[dir="rtl"] .md\:pr-6{padding-right:0}
html[dir="rtl"] .md\:ml-8{margin-left:0}
html[dir="rtl"] .md\:mr-8{margin-right:0}
html[dir="rtl"] .md\:pl-8{padding-left:0}
html[dir="rtl"] .md\:pr-8{padding-right:0}
html[dir="rtl"] .md\:ml-auto{margin-left:0}
html[dir="rtl"] .md\:border-l{border-left-width:0}
html[dir="rtl"] .md\:border-r{border-right-width:0}
html[dir="rtl"] .md\:ml-0{margin-right:0px}
html[dir="rtl"] .md\:mr-0{margin-left:0px}
html[dir="rtl"] .md\:pl-0{padding-right:0px}
html[dir="rtl"] .md\:pr-0{padding-left:0px}
html[dir="rtl"] .md\:ml-1{margin-right:0.25rem}
html[dir="rtl"] .md\:mr-1{margin-left:0.25rem}
html[dir="rtl"] .md\:pl-1{padding-right:0.25rem}
html[dir="rtl"] .md\:pr-1{padding-left:0.25rem}
html[dir="rtl"] .md\:ml-2{margin-right:0.5rem}
html[dir="rtl"] .md\:mr-2{margin-left:0.5rem}
html[dir="rtl"] .md\:pl-2{padding-right:0.5rem}
html[dir="rtl"] .md\:pr-2{padding-left:0.5rem}
html[dir="rtl"] .md\:ml-3{margin-right:0.75rem}
html[dir="rtl"] .md\:mr-3{margin-left:0.75rem}
html[dir="rtl"] .md\:pl-3{padding-right:0.75rem}
html[dir="rtl"] .md\:pr-3{padding-left:0.75rem}
html[dir="rtl"] .md\:ml-4{margin-right:1rem}
html[dir="rtl"] .md\:mr-4{margin-left:1rem}
html[dir="rtl"] .md\:pl-4{padding-right:1rem}
html[dir="rtl"] .md\:pr-4{padding-left:1rem}
html[dir="rtl"] .md\:ml-6{margin-right:1.5rem}
html[dir="rtl"] .md\:mr-6{margin-left:1.5rem}
html[dir="rtl"] .md\:pl-6{padding-right:1.5rem}
html[dir="rtl"] .md\:pr-6{padding-left:1.5rem}
html[dir="rtl"] .md\:ml-8{margin-right:2rem}
html[dir="rtl"] .md\:mr-8{margin-left:2rem}
html[dir="rtl"] .md\:pl-8{padding-right:2rem}
html[dir="rtl"] .md\:pr-8{padding-left:2rem}
html[dir="rtl"] .md\:ml-auto{margin-right:auto}
html[dir="rtl"] .md\:border-l{border-right-width:1px}
html[dir="rtl"] .md\:border-r{border-left-width:1px}
html[dir="rtl"] .md\:text-left{text-align:right}
html[dir="rtl"] .md\:text-right{text-align:left}
}
@media (min-width:1024px){
html[dir="rtl"] .lg\:ml-0{margin-left:0}
html[dir="rtl"] .lg\:mr-0{margin-right:0}
html[dir="rtl"] .lg\:pl-0{padding-left:0}
html[dir="rtl"] .lg\:pr-0{padding-right:0}
html[dir="rtl"] .lg\:ml-1{margin-left:0}
html[dir="rtl"] .lg\:mr-1{margin-right:0}
html[dir="rtl"] .lg\:pl-1{padding-left:0}
html[dir="rtl"] .lg\:pr-1{padding-right:0}
html[dir="rtl"] .lg\:ml-2{margin-left:0}
html[dir="rtl"] .lg\:mr-2{margin-right:0}
html[dir="rtl"] .lg\:pl-2{padding-left:0}
html[dir="rtl"] .lg\:pr-2{padding-right:0}
html[dir="rtl"] .lg\:ml-3{margin-left:0}
html[dir="rtl"] .lg\:mr-3{margin-right:0}
html[dir="rtl"] .lg\:pl-3{padding-left:0}
html[dir="rtl"] .lg\:pr-3{padding-right:0}
html[dir="rtl"] .lg\:ml-4{margin-left:0}
html[dir="rtl"] .lg\:mr-4{margin-right:0}
html[dir="rtl"] .lg\:pl-4{padding-left:0}
html[dir="rtl"] .lg\:pr-4{padding-right:0}
html[dir="rtl"] .lg\:ml-6{margin-left:0}
html[dir="rtl"] .lg\:mr-6{margin-right:0}
html[dir="rtl"] .lg\:pl-6{padding-left:0}
html[dir="rtl"] .lg\:pr-6{padding-right:0}
html[dir="rtl"] .lg\:ml-8{margin-left:0}
html[dir="rtl"] .lg\:mr-8{margin-right:0}
html[dir="rtl"] .lg\:pl-8{padding-left:0}
html[dir="rtl"] .lg\:pr-8{padding-right:0}
html[dir="rtl"] .lg\:ml-auto{margin-left:0}
html[dir="rtl"] .lg\:border-l{border-left-width:0}
html[dir="rtl"] .lg\:border-r{border-right-width:0}
html[dir="rtl"] .lg\:ml-0{margin-right:0px}
html[dir="rtl"] .lg\:mr-0{margin-left:0px}
html[dir="rtl"] .lg\:pl-0{padding-right:0px}
html[dir="rtl"] .lg\:pr-0{padding-left:0px}
html[dir="rtl"] .lg\:ml-1{margin-right:0.25rem}
html[dir="rtl"] .lg\:mr-1{margin-left:0.25rem}
html[dir="rtl"] .lg\:pl-1{padding-right:0.25rem}
html[dir="rtl"] .lg\:pr-1{padding-left:0.25rem}
html[dir="rtl"] .lg\:ml-2{margin-right:0.5rem}
html[dir="rtl"] .lg\:mr-2{margin-left:0.5rem}
html[dir="rtl"] .lg\:pl-2{padding-right:0.5rem}
html[dir="rtl"] .lg\:pr-2{padding-left:0.5rem}
html[dir="rtl"] .lg\:ml-3{margin-right:0.75rem}
html[dir="rtl"] .lg\:mr-3{margin-left:0.75rem}
html[dir="rtl"] .lg\:pl-3{padding-right:0.75rem}
html[dir="rtl"] .lg\:pr-3{padding-left:0.75rem}
html[dir="rtl"] .lg\:ml-4{margin-right:1rem}
html[dir="rtl"] .lg\:mr-4{margin-left:1rem}
html[dir="rtl"] .lg\:pl-4{padding-right:1rem}
html[dir="rtl"] .lg\:pr-4{padding-left:1rem}
html[dir="rtl"] .lg\:ml-6{margin-right:1.5rem}
html[dir="rtl"] .lg\:mr-6{margin-left:1.5rem}
html[dir="rtl"] .lg\:pl-6{padding-right:1.5rem}
html[dir="rtl"] .lg\:pr-6{padding-left:1.5rem}
html[dir="rtl"] .lg\:ml-8{margin-right:2rem}
html[dir="rtl"] .lg\:mr-8{margin-left:2rem}
html[dir="rtl"] .lg\:pl-8{padding-right:2rem}
html[dir="rtl"] .lg\:pr-8{padding-left:2rem}
html[dir="rtl"] .lg\:ml-auto{margin-right:auto}
html[dir="rtl"] .lg\:border-l{border-right-width:1px}
html[dir="rtl"] .lg\:border-r{border-left-width:1px}
html[dir="rtl"] .lg\:text-left{text-align:right}
html[dir="rtl"] .lg\:text-right{text-align:left}
}
@media (min-width:1280px){
html[dir="rtl"] .xl\:ml-0{margin-left:0}
html[dir="rtl"] .xl\:mr-0{margin-right:0}
html[dir="rtl"] .xl\:pl-0{padding-left:0}
html[dir="rtl"] .xl\:pr-0{padding-right:0}
html[dir="rtl"] .xl\:ml-1{margin-left:0}
html[dir="rtl"] .xl\:mr-1{margin-right:0}
html[dir="rtl"] .xl\:pl-1{padding-left:0}
html[dir="rtl"] .xl\:pr-1{padding-right:0}
html[dir="rtl"] .xl\:ml-2{margin-left:0}
html[dir="rtl"] .xl\:mr-2{margin-right:0}
html[dir="rtl"] .xl\:pl-2{padding-left:0}
html[dir="rtl"] .xl\:pr-2{padding-right:0}
html[dir="rtl"] .xl\:ml-3{margin-left:0}
html[dir="rtl"] .xl\:mr-3{margin-right:0}
html[dir="rtl"] .xl\:pl-3{padding-left:0}
html[dir="rtl"] .xl\:pr-3{padding-right:0}
html[dir="rtl"] .xl\:ml-4{margin-left:0}
html[dir="rtl"] .xl\:mr-4{margin-right:0}
html[dir="rtl"] .xl\:pl-4{padding-left:0}
html[dir="rtl"] .xl\:pr-4{padding-right:0}
html[dir="rtl"] .xl\:ml-6{margin-left:0}
html[dir="rtl"] .xl\:mr-6{margin-right:0}
html[dir="rtl"] .xl\:pl-6{padding-left:0}
html[dir="rtl"] .xl\:pr-6{padding-right:0}
html[dir="rtl"] .xl\:ml-8{margin-left:0}
html[dir="rtl"] .xl\:mr-8{margin-right:0}
html[dir="rtl"] .xl\:pl-8{padding-left:0}
html[dir="rtl"] .xl\:pr-8{padding-right:0}
html[dir="rtl"] .xl\:ml-auto{margin-left:0}
html[dir="rtl"] .xl\:border-l{border-left-width:0}
html[dir="rtl"] .xl\:border-r{border-right-width:0}
html[dir="rtl"] .xl\:ml-0{margin-right:0px}
html[dir="rtl"] .xl\:mr-0{margin-left:0px}
html[dir="rtl"] .xl\:pl-0{padding-right:0px}
html[dir="rtl"] .xl\:pr-0{padding-left:0px}
html[dir="rtl"] .xl\:ml-1{margin-right:0.25rem}
html[dir="rtl"] .xl\:mr-1{margin-left:0.25rem}
html[dir="rtl"] .xl\:pl-1{padding-right:0.25rem}
html[dir="rtl"] .xl\:pr-1{padding-left:0.25rem}
html[dir="rtl"] .xl\:ml-2{margin-right:0.5rem}
html[dir="rtl"] .xl\:mr-2{margin-left:0.5rem}
html[dir="rtl"] .xl\:pl-2{padding-right:0.5rem}
html[dir="rtl"] .xl\:pr-2{padding-left:0.5rem}
html[dir="rtl"] .xl\:ml-3{margin-right:0.75rem}
html[dir="rtl"] .xl\:mr-3{margin-left:0.75rem}
html[dir="rtl"] .xl\:pl-3{padding-right:0.75rem}
html[dir="rtl"] .xl\:pr-3{padding-left:0.75rem}
html[dir="rtl"] .xl\:ml-4{margin-right:1rem}
html[dir="rtl"] .xl\:mr-4{margin-left:1rem}
html[dir="rtl"] .xl\:pl-4{padding-right:1rem}
html[dir="rtl"] .xl\:pr-4{padding-left:1rem}
html[dir="rtl"] .xl\:ml-6{margin-right:1.5rem}
html[dir="rtl"] .xl\:mr-6{margin-left:1.5rem}
html[dir="rtl"] .xl\:pl-6{padding-right:1.5rem}
html[dir="rtl"] .xl\:pr-6{padding-left:1.5rem}
html[dir="rtl"] .xl\:ml-8{margin-right:2rem}
html[dir="rtl"] .xl\:mr-8{margin-left:2rem}
html[dir="rtl"] .xl\:pl-8{padding-right:2rem}
html[dir="rtl"] .xl\:pr-8{padding-left:2rem}
html[dir="rtl"] .xl\:ml-auto{margin-right:auto}
html[dir="rtl"] .xl\:border-l{border-right-width:1px}
html[dir="rtl"] .xl\:border-r{border-left-width:1px}
html[dir="rtl"] .xl\:text-left{text-align:right}
html[dir="rtl"] .xl\:text-right{text-align:left}
}

/* ---- 3. icons that point a direction ----------------------------------------- */
html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-arrow-left, html[dir="rtl"] .fa-arrow-right-long, html[dir="rtl"] .fa-arrow-left-long,
html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-chevron-left, html[dir="rtl"] .fa-angle-right, html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angles-right, html[dir="rtl"] .fa-angles-left, html[dir="rtl"] .fa-caret-right, html[dir="rtl"] .fa-caret-left,
html[dir="rtl"] .fa-circle-arrow-right, html[dir="rtl"] .fa-circle-chevron-right, html[dir="rtl"] .fa-arrow-turn-up,
html[dir="rtl"] .fa-right-from-bracket, html[dir="rtl"] .fa-arrow-right-from-bracket, html[dir="rtl"] .fa-right-to-bracket, html[dir="rtl"] .fa-arrow-right-to-bracket,
html[dir="rtl"] .fa-reply, html[dir="rtl"] .fa-reply-all, html[dir="rtl"] .fa-share, html[dir="rtl"] .fa-hand-point-right { transform: scaleX(-1); }

/* ---- 4. what stays left to right -------------------------------------------- */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"], html[dir="rtl"] input[inputmode="url"] { direction: ltr; text-align: right; }
html[dir="rtl"] code, html[dir="rtl"] pre, html[dir="rtl"] kbd, html[dir="rtl"] .ltr { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] canvas { direction: ltr; }
/* People's own words (reviews, names, posts, AI text: [data-no-i18n]) take the direction
   of their own text: an English review reads left to right inside the Arabic page. */
html[dir="rtl"] [data-no-i18n] { unicode-bidi: plaintext; }

/* ---- 5. the shell -------------------------------------------------------------- */
html[dir="rtl"] .auth-lang { right: auto; left: 16px; }
html[dir="rtl"] .auth-right { background: radial-gradient(90% 90% at 0% 0%, #eff6ff 0%, #f8fafc 55%); }
html[dir="rtl"] .auth-aurora-1 { right: auto; left: -80px; }
html[dir="rtl"] .auth-aurora-2 { left: auto; right: -60px; }
html[dir="rtl"] .wiz-comp, html[dir="rtl"] .trial-pick { text-align: right; }
html[dir="rtl"] .wiz-sources-hd i, html[dir="rtl"] .wiz-results-hint i { margin-right: 0; margin-left: 5px; }
html[dir="rtl"] .upg-lock { right: auto; left: -6px; }
html[dir="rtl"] .upg-perks { text-align: right; }
html[dir="rtl"] #embed-nav .embed-lang { margin-left: 0; margin-right: auto; }

/* the tutorial */
html[dir="rtl"] .tour-x { right: auto; left: 12px; }
html[dir="rtl"] .tour-title { padding-right: 0; padding-left: 20px; }

/* small uppercase labels: Arabic has no capitals, so a little larger to stay readable */
html[dir="rtl"] .nav-group, html[dir="rtl"] .tb-pulse-lbl, html[dir="rtl"] .tb-panel-h, html[dir="rtl"] .tb-actions-h, html[dir="rtl"] .tb-attn-tag,
html[dir="rtl"] .gv-eyebrow, html[dir="rtl"] .gv-themes-h, html[dir="rtl"] .tour-eyebrow, html[dir="rtl"] .de-sec, html[dir="rtl"] .wiz-lbl { font-size: 12px; }

/* the floating AI button (views18.js .ax-fab, and views8.js's older .askfab): bottom left, its panel too */
html[dir="rtl"] .ax-fab, html[dir="rtl"] .ax-fabp { right: auto; left: 22px; }
html[dir="rtl"] .askfab-btn { right: auto; left: 24px; }
html[dir="rtl"] .askfab-panel { right: auto; left: 0; transform: translateX(-102%); box-shadow: 24px 0 60px -24px rgba(15,23,42,.35); }
html[dir="rtl"] .askfab-panel.open { transform: none; }
html[dir="rtl"] .fab-chip { text-align: right; }
html[dir="rtl"] .aih-input-ic { left: auto; right: 15px; }

/* chat answers (AI text: Arabic in phase 2) */
html[dir="rtl"] .ai-md ul, html[dir="rtl"] .ai-md ol { padding-left: 0; padding-right: 0; }
html[dir="rtl"] .ai-md ul li { padding-left: 0; padding-right: 1.15rem; }
html[dir="rtl"] .ai-md ul li::before { left: auto; right: .15rem; }
html[dir="rtl"] .ai-md ol li { padding-left: 0; padding-right: 1.6rem; }
html[dir="rtl"] .ai-md ol li::before { left: auto; right: 0; }
html[dir="rtl"] .ai-answer .ai-md { border-top-left-radius: 1rem; border-top-right-radius: .375rem; }

/* ---- Home (views8.js: today's brief) -------------------------------------------- */
html[dir="rtl"] .tb-pulse-hint { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] .tb-pulse-num small { margin-left: 0; margin-right: 2px; }
html[dir="rtl"] .tb-score { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .tb-act, html[dir="rtl"] .tb-prop-name { text-align: right; }
html[dir="rtl"] .tb-pd bdi { unicode-bidi: isolate; direction: ltr; }
html[dir="rtl"] .tb-spark-r { white-space: nowrap; }
/* the reviews behind a score */
html[dir="rtl"] .de-neg { border-left: 1px solid var(--line-soft); border-right: 3px solid #f43f5e; }
html[dir="rtl"] .de-pos { border-left: 1px solid var(--line-soft); border-right: 3px solid #10b981; }
html[dir="rtl"] .de-rev-date { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .de-empty i { margin-right: 0; margin-left: 6px; }
/* market alerts: bottom right (Signabot moved to the left) */
html[dir="rtl"] .mkt-stack { left: auto; right: 24px; }
html[dir="rtl"] .mkt-card { padding: 10px 10px 10px 30px; }
html[dir="rtl"] .mkt-x { right: auto; left: 8px; }
html[dir="rtl"] .mkt-when { margin-left: 0; margin-right: auto; }
@media (max-width:760px) { html[dir="rtl"] .mkt-stack { left: 12px; right: 12px; } }

/* ---- Reviews (views8.js: Guest Voice) ---------------------------------------------- */
html[dir="rtl"] .gv-themes { border-left: none; padding-left: 0; border-right: 1px solid rgba(255,255,255,.08); padding-right: 22px; }
@media (max-width:640px) { html[dir="rtl"] .gv-themes { border-right: none; padding-right: 0; } }
html[dir="rtl"] .gv-theme-score { text-align: left; }
html[dir="rtl"] .gv-search-wrap i { left: auto; right: 12px; }
html[dir="rtl"] .gv-search-wrap input { padding: 8px 32px 8px 12px; }
html[dir="rtl"] .gv-replied { border-left: none; border-right: 3px solid #22c55e; border-radius: 10px 0 0 10px; }
html[dir="rtl"] .rs-quote { border-left: none; border-right: 3px solid #cbd5e1; border-radius: 10px 0 0 10px; }
html[dir="rtl"] .rs-card.rs-sent { border-left: none; border-right: 3px solid #22c55e; }