/* GENERATED by tools/rtl_css.py — do not edit by hand (edit RTL_EXTRA in the tool and re-run).
   Right-to-left (Arabic) overrides; every rule is scoped to [dir=rtl], so English is unaffected. */

/* ---- from app.css ---- */
[dir=rtl] .brand{margin-left:auto;margin-right:0}
[dir=rtl] .dot{margin-left:6px;margin-right:0}
[dir=rtl] .tools{margin-right:auto;margin-left:0}
[dir=rtl] th,[dir=rtl] td{text-align:right}
[dir=rtl] td.r,[dir=rtl] th.r{text-align:left}
[dir=rtl] .brow .bv{text-align:left}
[dir=rtl] .drawer{left:0;right:auto;border-right:1px solid var(--line);border-left:0 none}
[dir=rtl] .hist .h{border-right:2px solid var(--line);border-left:0 none;padding-right:10px;padding-left:0}
[dir=rtl] .menu{left:16px;right:auto}
[dir=rtl] .menu button{text-align:right}
[dir=rtl] .toast{right:50%;left:auto;transform:translateX(50%)}
[dir=rtl] .nin{text-align:left}
[dir=rtl] table.qt{margin-right:auto;margin-left:0}
[dir=rtl] header.top::after{right:0;left:0}
[dir=rtl] .legend span.sw{margin-left:8px;margin-right:0}
[dir=rtl] .livedot{margin-left:6px;margin-right:0}
[dir=rtl] .auth::before{right:-160px;left:auto}
[dir=rtl] .auth::after{left:-160px;right:auto}
[dir=rtl] .apprpick .fld label{margin-left:12px;margin-right:0}
[dir=rtl] .tl{padding:0 4px 0 0}
[dir=rtl] .tl::before{right:15px;left:auto}
[dir=rtl] .hero-r{text-align:left}
[dir=rtl] .clock small{margin-right:2px;margin-left:0}
@media (max-width:900px){
  [dir=rtl] .hero-r{text-align:right}
}
[dir=rtl] .stack-legend i{margin-left:5px;margin-right:0}
[dir=rtl] .bars.wide .bv{text-align:left}
[dir=rtl] table.mini th{text-align:right}
[dir=rtl] .show{border-left:1px solid var(--line);border-right:0 none}
[dir=rtl] .gchip.c1{right:4%;left:auto}
[dir=rtl] .gchip.c2{left:-4%;right:auto}
[dir=rtl] .gchip.c3{right:30%;left:auto}
@media (max-width:980px){
  [dir=rtl] .show{border-left:0;border-right:0 none}
}
[dir=rtl] .changelog ul{padding-right:20px;padding-left:0}
[dir=rtl] .changelog li.sub{margin-right:22px;margin-left:0}
[dir=rtl] .pwwrap input{padding-left:44px!important;padding-right:0}
[dir=rtl] .pwwrap .eye{left:6px;right:auto}
[dir=rtl] .kpi[data-nav]::after{left:12px;right:auto;transform:translateX(4px)}
[dir=rtl] .golink{margin-right:auto;margin-left:0}
[dir=rtl] .iconbtn .badge{left:-6px;right:auto}
[dir=rtl] .pop{left:0;right:auto}
[dir=rtl] .modal header h1{margin-left:auto;margin-right:0}
[dir=rtl] .wfbar{right:-50%;left:50%}
[dir=rtl] .seg button:first-child{border-radius:0 8px 8px 0}
[dir=rtl] .seg button:last-child{border-radius:8px 0 0 8px;border-right:0;border-left:0 none}
[dir=rtl] .gl{border-left:1px solid var(--line);border-right:0 none}
[dir=rtl] .gm{padding-right:4px;padding-left:0;border-right:1px solid var(--line);border-left:0 none}
[dir=rtl] .gtoday,[dir=rtl] .gend{border-right:2px solid var(--accent);border-left:0 none}
[dir=rtl] .gend{border-right:2px dashed var(--muted);border-left:0 none}
[dir=rtl] .panel.provider .powered{margin-right:auto;margin-left:0}
[dir=rtl] #alertHost{left:16px;right:auto}
[dir=rtl] .alertcard{border-right:4px solid var(--accent);border-left:0 none}
[dir=rtl] .alertcard.urgent{border-right-color:#d9534f;border-left-color:transparent}
[dir=rtl] table.cmp tfoot th{text-align:right}
[dir=rtl] .setnav button{text-align:right}
[dir=rtl] .ivtabs .badge{margin-right:4px;margin-left:0}
[dir=rtl] .switch span::after{right:3px;left:auto}
[dir=rtl] .fkey{margin:0 6px -1px 4px}
[dir=rtl] .nbadge{margin-right:4px;margin-left:0}
[dir=rtl] .rolemx th:first-child,[dir=rtl] .rolemx td:first-child{text-align:right}
[dir=rtl] .lvcal td:first-child,[dir=rtl] .lvcal th:first-child,[dir=rtl] .attgrid td:first-child,[dir=rtl] .attgrid th:first-child{text-align:right;right:0;left:auto}
[dir=rtl] .prl input.nin{text-align:left}
[dir=rtl] .otree,[dir=rtl] .otree ul{padding-right:22px;padding-left:0}
[dir=rtl] .otree{padding-right:0;padding-left:0}
[dir=rtl] .otree ul li::before{right:-14px;left:auto;border-right:1px solid var(--line);border-left:0 none}
[dir=rtl] .otree ul li::after{right:-14px;left:auto}
[dir=rtl] .ocard{border-right:3px solid var(--accent);border-left:0 none}
[dir=rtl] .ocnt{left:8px;right:auto}
[dir=rtl] .mcard{text-align:right}
[dir=rtl] .msoon{margin-right:4px;margin-left:0}
[dir=rtl] #meBtn{padding-right:6px;padding-left:0}
[dir=rtl] .admside .acoll{margin-right:auto;margin-left:0}
[dir=rtl] .admside .asrch{text-align:right}
[dir=rtl] .admside .asrch kbd{margin-right:auto;margin-left:0}
[dir=rtl] .admside .ait{text-align:right}
[dir=rtl] .admside .ait .abdg{margin-right:auto;margin-left:0}
[dir=rtl] .adkpi{text-align:right}
[dir=rtl] .adjobs .w{margin-right:auto;margin-left:0;text-align:left}
[dir=rtl] .ulist .uit{text-align:right}
[dir=rtl] .cmdk .it{text-align:right}
[dir=rtl] .hero .sky-orb{margin:-43px -43px 0 0}
[dir=rtl] .hero .cloud::before{right:16px;left:auto}
[dir=rtl] .hero .cloud::after{left:16px;right:auto}
[dir=rtl] .hero .shoot{right:-12%;left:auto}
[dir=rtl] .hero .sky-line{right:0;left:0}
@media (max-width:900px){
  [dir=rtl] .hero .hero-r{text-align:right}
}
[dir=rtl] .navsearch{padding:0 12px 0 8px}
[dir=rtl] .navsearch span{text-align:right}
[dir=rtl] .sublbl{padding:0 0 0 12px;margin-left:6px;margin-right:0;border-left:1px solid var(--line);border-right:0 none}
[dir=rtl] .navband nav.tabs button.navmore{margin-right:auto;margin-left:0}
[dir=rtl] .navmenu button{text-align:right}
[dir=rtl] button.kpi{text-align:right}
[dir=rtl] .intcard{text-align:right}
[dir=rtl] .intcard .ih .pill{margin-right:auto;margin-left:0}
[dir=rtl] .cfchg td{padding:2px 0 2px 10px}
@media (max-width:760px){
  [dir=rtl] .brand{margin-left:auto;margin-right:0}
  [dir=rtl] .pop{right:8px;left:8px}
  [dir=rtl] .navmenu{right:8px!important;left:8px!important}
  [dir=rtl] .head .tools{margin-right:0;margin-left:0}
  [dir=rtl] .drawer{border-right:0;border-left:0 none}
  [dir=rtl] table.mcard tbody td{text-align:right!important}
}
[dir=rtl] .admside .aall{text-align:right}
[dir=rtl] .suprog{margin-right:auto;margin-left:0}
[dir=rtl] .suitem{text-align:right}
[dir=rtl] .wfseg:not(:last-child)::after{left:-3px;right:auto;border-left:1.5px solid var(--line);border-right:0 none}
[dir=rtl] .clg i{margin-left:5px;margin-right:0}
[dir=rtl] .kspark{left:13px;right:auto}
[dir=rtl] .rail{border-left:1px solid var(--side-line);border-right:0 none}
[dir=rtl] .rail #tabs>button .nbadge{left:12px;right:auto}
[dir=rtl] #appView.rail-exp .railtoggle{margin-left:12px;margin-right:0}
[dir=rtl] #appView.rail-exp .rail #tabs>button{text-align:right}
[dir=rtl] #appView.rail-exp .rail #tabs>button .caret{margin-right:auto;margin-left:0}
[dir=rtl] #appView.rail-exp .rail #tabs>button .nbadge{margin-right:6px;margin-left:0}
@media (max-width:860px){
  [dir=rtl] .rail,[dir=rtl] #appView.rail-exp .rail{right:0;left:auto;border-left:1px solid var(--side-line);border-right:0 none;transform:translateX(105%)}
  [dir=rtl] .rail .brand{margin:0 16px 10px 0}
  [dir=rtl] .rail #tabs>button,[dir=rtl] #appView.rail-exp .rail #tabs>button{text-align:right}
  [dir=rtl] .rail #tabs>button .nbadge{margin-right:auto;margin-left:0}
  [dir=rtl] .rail #tabs>button .caret{margin-right:auto;margin-left:0}
  [dir=rtl] .railver{text-align:right}
}
[dir=rtl] .admhub{padding:0 2px 0 0}
[dir=rtl] .adres button{text-align:right}
[dir=rtl] .adtask{text-align:right}
[dir=rtl] .updbanner{right:50%;left:auto;transform:translateX(50%);padding:10px 16px 10px 12px}
@media (max-width:560px){
  [dir=rtl] .updbanner{text-align:right}
}
[dir=rtl] .iamx .ia-ct{margin-right:5px;margin-left:0}
[dir=rtl] .ia-chip{margin:1px 0 1px 3px}
[dir=rtl] .iamx .ia-sw::after{right:3px;left:auto}
[dir=rtl] .iamx .ia-sw[aria-checked="true"]::after{right:21px;left:auto}
[dir=rtl] .iamx .ia-pick{margin:0 0 6px 6px}
[dir=rtl] .iamx .ia-pick.sm{margin:0 0 5px 5px}
[dir=rtl] .iamx .ia-cocard{border-right:3px solid var(--co,var(--accent));border-left:0 none}
[dir=rtl] .qsec.qopt{border-right:3px dashed var(--accent);border-left:0 none;padding-right:8px;padding-left:0}
[dir=rtl] .qopttag{margin-right:8px;margin-left:0}
[dir=rtl] .qoptsub{margin-right:8px;margin-left:0}
[dir=rtl] .svfilter button+button{border-right:1px solid var(--line);border-left:0 none}
[dir=rtl] .svsec>summary::before{margin-left:6px;margin-right:0}
[dir=rtl] .svnum input{text-align:left}
[dir=rtl] .svseg button+button{border-right:1px solid var(--line);border-left:0 none}
[dir=rtl] .svthumb .svx{left:-6px;right:auto}
@media (max-width:760px){
  [dir=rtl] .mbar{right:0;left:0}
  [dir=rtl] .mbadge{right:calc(50% + 6px);left:auto}
}
[dir=rtl] .mwrow{text-align:right}
[dir=rtl] .mwtile .mbadge{left:10px;right:auto}
[dir=rtl] .mwcard{text-align:right}
[dir=rtl] .mwcardmain{text-align:right}
[dir=rtl] table.kv th{text-align:right;padding:5px 0 5px 10px}
[dir=rtl] .offer-tbl th,[dir=rtl] .offer-tbl td{text-align:right}
[dir=rtl] table.pjt th,[dir=rtl] table.pjt td{padding-right:6px;padding-left:6px}
[dir=rtl] .polbanner{right:50%;left:auto;transform:translateX(50%)}
[dir=rtl] .sax-lv{text-align:right}
[dir=rtl] .sax-tbl th,[dir=rtl] .sax-tbl td{text-align:right}
[dir=rtl] .sax-cell{text-align:right}

/* ---- from crm.css ---- */
[dir=rtl] .crmx-bar{margin-left:6px;margin-right:0}

/* ---- from mfg.css ---- */

/* ---- from est.css ---- */

/* ---- hand-written (not derivable from the stylesheets) ---- */
/* Arabic UI font (IBM Plex Sans Arabic, bundled — no CDN). Latin text keeps the existing font. */
@font-face{font-family:"Saqrion Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Saqrion Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Saqrion Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Saqrion Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
:root[dir=rtl]{--f-ui:"Saqrion Arabic","Segoe UI","Segoe UI Variable",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
/* 2.75.0 review: Arabic inside number/code cells ("مسودة" in the document-number column) used a monospace fallback that
   draws Arabic letters one per cell, unjoined; the Arabic face comes first (its unicode-range keeps digits in the mono font) */
:root[dir=rtl]{--f-num:"Saqrion Arabic","Cascadia Mono",Consolas,ui-monospace,"SFMono-Regular",Menlo,monospace}
[dir=rtl] h2,[dir=rtl] .brand span,[dir=rtl] .popgrp,[dir=rtl] .fsec,[dir=rtl] .wfnext .k,[dir=rtl] .lbl,[dir=rtl] .modgrp h3{letter-spacing:0;text-transform:none}
[dir=rtl] body{letter-spacing:0}
[dir=rtl] .sublbl,[dir=rtl] .cap,[dir=rtl] th{letter-spacing:0;text-transform:none}

/* Numbers, amounts, codes, emails, IBANs, TRNs, phone numbers and document numbers read left-to-right inside Arabic */
[dir=rtl] .num,[dir=rtl] td.r,[dir=rtl] th.r,[dir=rtl] .kpi .v,[dir=rtl] .brow .bv,[dir=rtl] bdi,[dir=rtl] .ltr,[dir=rtl] code,[dir=rtl] kbd,[dir=rtl] .clock{unicode-bidi:isolate}
[dir=rtl] td,[dir=rtl] th,[dir=rtl] .pill,[dir=rtl] .crco,[dir=rtl] .toast{unicode-bidi:plaintext}
/* text still in English (later phases) keeps its own punctuation order; the alignment still follows the page */
/* (zero specificity, so any alignment a screen sets still wins) */
:where([dir=rtl]) :where(label,p,h1,h2,h3,h4,li,dt,dd,legend,summary,small,.hint,.muted,.banner,.empty,.sub,.lbl){unicode-bidi:plaintext;text-align:match-parent;text-align:-webkit-match-parent}
[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=url],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] input[inputmode=numeric],[dir=rtl] input[inputmode=decimal],[dir=rtl] input[inputmode=email],[dir=rtl] #cap,[dir=rtl] #otp,[dir=rtl] #rec,[dir=rtl] input.nin,[dir=rtl] .ltr,[dir=rtl] input[placeholder^="http"],[dir=rtl] input[placeholder^="sqk_"]{direction:ltr;text-align:right}
[dir=rtl] input[type=date],[dir=rtl] input[type=datetime-local],[dir=rtl] input[type=month],[dir=rtl] input[type=time]{direction:ltr;text-align:right}
[dir=rtl] textarea,[dir=rtl] input[type=text],[dir=rtl] input:not([type]),[dir=rtl] input[type=search]{unicode-bidi:plaintext;text-align:right}

/* inline styles written by the screens */
[dir=rtl] [style*="text-align:right"],[dir=rtl] [style*="text-align: right"]{text-align:left!important}
[dir=rtl] [style*="text-align:left"],[dir=rtl] [style*="text-align: left"]{text-align:right!important}
[dir=rtl] [style*="margin-left:auto"],[dir=rtl] [style*="margin-left: auto"]{margin-left:0!important;margin-right:auto!important}
[dir=rtl] [style*="margin-right:auto"]{margin-right:0!important;margin-left:auto!important}

/* icons and arrows that point a way */
[dir=rtl] .railtoggle svg,[dir=rtl] .wfnext svg,[dir=rtl] .chev,[dir=rtl] .ico-dir,[dir=rtl] [data-dir-icon]{transform:scaleX(-1)}
[dir=rtl] #appView.rail-exp .railtoggle svg{transform:none}
[dir=rtl] .crsep{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .wfseg:not(:last-child)::after{transform:translateY(-50%) rotate(-45deg)}
[dir=rtl] .kpi[data-nav]::after{content:"←"}

/* the shell: rail on the right, drawers slide in from the left */
[dir=rtl] .drawer{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .menu{right:auto;left:16px}
[dir=rtl] .menu button{text-align:right}
[dir=rtl] .menu .langrow{direction:rtl}
[dir=rtl] .pop{right:auto;left:0}
[dir=rtl] #alertHost{right:auto;left:16px}
@media (max-width:900px){
  [dir=rtl] .rail,[dir=rtl] #appView.rail-exp .rail{left:auto;right:0;transform:translateX(105%);border-right:0;border-left:1px solid var(--side-line);padding-left:0;padding-right:env(safe-area-inset-right,0px)}
}
[dir=rtl] .auth-card{text-align:right}
[dir=rtl] .langpick{align-self:flex-start}
[dir=rtl] .ticker .track{direction:ltr}
[dir=rtl] .tl::before{left:auto;right:15px}
/* 2.79.0: the phone's My work (mobile.js): the back arrow and the row chevrons point the reading way; no letter spacing
   or capitals in Arabic headings; room for the bottom bar's two-line Arabic labels */
[dir=rtl] .mwback svg,[dir=rtl] .mwrow>svg:last-child{transform:scaleX(-1)}
[dir=rtl] .mwk,[dir=rtl] .mwsec h2{letter-spacing:0;text-transform:none}
[dir=rtl] .mbar button span{line-height:1.25}