/* R11-B (REQ-511): the Arabic font is served from this installation (SIL Open Font Licence, app/static/fonts), so Arabic pages look the
   same on a desktop with no internet connection; the board pack PDF embeds the same files. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/IBMPlexSansArabic-Regular.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500 700;font-display:swap;src:url(/static/fonts/IBMPlexSansArabic-Bold.ttf) format('truetype')}
/* REQ-209 right-to-left layout for Arabic. Figures and charts stay left-to-right. */
html[dir=rtl] body{font-family:'IBM Plex Sans Arabic','Montserrat',system-ui,'Segoe UI',sans-serif;line-height:1.7}
html[dir=rtl] th{text-align:right}html[dir=rtl] .rail a.on{box-shadow:inset -3px 0 0 var(--leaf)}
html[dir=rtl] .rail img{align-self:flex-end}html[dir=rtl] .viz,html[dir=rtl] .num,html[dir=rtl] .mono{direction:ltr}
html[dir=rtl] .num{text-align:right;unicode-bidi:plaintext}html[dir=rtl] .badge{margin-left:0;margin-right:4px}
.kpitile.rag-green{box-shadow:inset 0 0 0 1px var(--rule),inset -4px 0 0 var(--ok)}.kpitile.rag-amber{box-shadow:inset 0 0 0 1px var(--rule),inset -4px 0 0 #C98A1B}
.kpitile.rag-red{box-shadow:inset 0 0 0 1px var(--rule),inset -4px 0 0 var(--red)}.kpitile.rag-grey{box-shadow:inset 0 0 0 1px var(--rule),inset -4px 0 0 var(--rule-strong)}

/* R11-B (REQ-510): mirrored charts (i18n.mirror_charts) keep right-to-left text; the Arabic font in chart labels */
html[dir=rtl] svg.mirrored,html[dir=rtl] svg.mirrored text{direction:rtl;unicode-bidi:embed}html[dir=rtl] svg.viz text,html[dir=rtl] svg.gantt text{font-family:'IBM Plex Sans Arabic','Montserrat',sans-serif}