@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
html[lang="ar"] body{font-family:"Tajawal",Tahoma,Arial,sans-serif;direction:rtl}
html[lang="ar"] .sidebar{inset:0 0 0 auto}
html[lang="ar"] .workspace{margin-left:0;margin-right:270px}
html[lang="ar"] .sidebar nav button{text-align:right;grid-template-columns:28px 1fr auto}
html[lang="ar"] .side-brand-split>span,html[lang="ar"] .side-footer{text-align:right}
html[lang="ar"] .status-dot{margin-right:0;margin-left:7px}
html[lang="ar"] .page-title,html[lang="ar"] .form-section,html[lang="ar"] .form-body,html[lang="ar"] label{text-align:right}
html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:inherit;text-align:right}
html[lang="ar"] .approval-note{border-left:0;border-right:3px solid var(--gold)}
html[lang="ar"] .success-card{border-left:0;border-right:4px solid var(--green)}
html[lang="ar"] .page-title h1,html[lang="ar"] .form-body h2{font-weight:800;letter-spacing:0}
@media(max-width:760px){html[lang="ar"] .sidebar{transform:translateX(100%)}html[lang="ar"] .sidebar.open{transform:translateX(0)}html[lang="ar"] .workspace{margin-right:0}}