@font-face{font-family:ArabicGlyph;src:url('/public/fonts/ibm-plex-arabic/IBMPlexSansArabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:ArabicGlyph;src:url('/public/fonts/ibm-plex-arabic/IBMPlexSansArabic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:ArabicGlyph;src:url('/public/fonts/ibm-plex-arabic/IBMPlexSansArabic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
.dl-language{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;font:12px ArabicGlyph,DemoSans,sans-serif;color:#83a8ae;flex:none}
.dl-language button{font:inherit;color:inherit;background:transparent;border:0;border-radius:5px;padding:5px 8px;cursor:pointer}
.dl-language [aria-current]{color:#e9fff7;background:#254248}.dl-language button:focus-visible{outline:2px solid #54dfc1;outline-offset:3px}
.login-container>.dl-language{justify-content:flex-end;color:#28454b;margin-block-end:15px}.login-container .dl-language [aria-current]{color:#fff}
[lang=ar] body,[lang=ar] input,[lang=ar] button,[lang=ar] select,[lang=ar] textarea{font-family:ArabicGlyph,var(--font-family);line-height:1.7}
[lang=ar] .sidebar{inset-inline-start:0;inset-inline-end:auto;left:auto;right:0}
[lang=ar] .app-main{margin-left:0;margin-right:220px}
[lang=ar] .sidebar-group .sidebar-link{margin-left:0;margin-inline-start:7px}
[lang=ar] .sidebar-logout button,[lang=ar] .demo-tour-restart{text-align:start!important}
[lang=ar] .sidebar-title{letter-spacing:0;direction:ltr;unicode-bidi:isolate}
[lang=ar] .sidebar-group summary::marker{unicode-bidi:isolate}
[lang=ar] .demo-banner,[lang=ar] .demo-mode .brand-title{font-family:ArabicGlyph,var(--font-family)}
[lang=ar] .hint,[lang=ar] label,[lang=ar] th{text-align:start}
[lang=ar] .kpi-value,[lang=ar] .num,[lang=ar] .ui-amount,[lang=ar] input[type=number],[lang=ar] input[type=date],[lang=ar] input[type=email],[lang=ar] input[name=customer_code],[lang=ar] .recalc,[lang=ar] code,[lang=ar] bdi{direction:ltr;unicode-bidi:isolate}
[lang=ar] .dd-artno,[lang=ar] .totals-row>span:last-child,[lang=ar] td:not(:first-child){unicode-bidi:isolate}
[lang=ar] .search-dropdown-input{text-align:start}
[lang=ar] .login-container .brand-title{direction:ltr;unicode-bidi:isolate}
@media(max-width:1023px){[lang=ar] .app-main{margin-right:0}[lang=ar] .sidebar{transform:translateX(100%)}[lang=ar] .drawer-open .sidebar{transform:translateX(0)}}

[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] .sidebar-link,[lang=ar] .btn{font-family:ArabicGlyph,var(--font-family)}

[dir=rtl] .chevron,[dir=rtl] .back-arrow,[dir=rtl] [data-directional-icon]{transform:scaleX(-1)}
[dir=rtl] input[dir=ltr]{text-align:left}

[dir=rtl] .sidebar-logout svg,[dir=rtl] .sidebar-link[href="/supplier-payments"] svg{transform:scaleX(-1)}