/* Plenixx HRMS bilingual UI; only active when the HTML document is Arabic. */
.locale-switch{display:inline-flex;align-items:center;gap:4px;border-radius:12px;background:#eaf0ff;padding:4px;margin-inline:10px;white-space:nowrap;direction:ltr;vertical-align:middle}
.locale-switch a{padding:7px 10px;font-size:12px;font-weight:750;text-decoration:none;color:#294b86;border-radius:9px;line-height:1.1}
.locale-switch a.active,.locale-switch a:hover{background:#1758e1;color:white}
.auth-locale{position:fixed;top:15px;inset-inline-end:16px;z-index:20;box-shadow:0 3px 12px #0002}
html[dir="rtl"]{direction:rtl;font-family:'Tajawal','Cairo','Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[dir="rtl"] body,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea,html[dir="rtl"] button{font-family:'Tajawal','Cairo','Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[dir="rtl"] .shell,html[dir="rtl"] .admin-shell,html[dir="rtl"] .site-nav,html[dir="rtl"] .checkout-grid{direction:rtl}
html[dir="rtl"] .header,html[dir="rtl"] .topbar,html[dir="rtl"] .nav-body{direction:rtl;flex-wrap:wrap}
html[dir="rtl"] .content,html[dir="rtl"] .card,html[dir="rtl"] .panel,html[dir="rtl"] .auth-box,html[dir="rtl"] .login-card,html[dir="rtl"] .form-grid{text-align:right}
html[dir="rtl"] .header .head-person,html[dir="rtl"] .topbar{gap:12px}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="password"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[name="company_slug"],html[dir="rtl"] input[name="code"],html[dir="rtl"] input[name="latitude"],html[dir="rtl"] input[name="longitude"]{direction:ltr;text-align:left}
html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="date"],html[dir="rtl"] input[type="datetime-local"]{direction:ltr;text-align:right}
html[dir="rtl"] .brand,html[dir="rtl"] .auth-brand,html[dir="rtl"] .logo,html[dir="rtl"] .brand-foot{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .tablewrap{overflow-x:auto}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}
html[dir="rtl"] .btns,html[dir="rtl"] .actions,html[dir="rtl"] .hero-actions{direction:rtl}
html[dir="rtl"] .dash-preview,html[dir="rtl"] .success-shell,html[dir="rtl"] .order-line{direction:rtl}
html[dir="rtl"] .site-footer,html[dir="rtl"] .footer-inner{text-align:right}
html[dir="rtl"] .nav-list,html[dir="rtl"] nav.nav{text-align:right}
html[dir="rtl"] .status{white-space:normal}
@media(max-width:850px){.locale-switch{margin-inline:4px}.locale-switch a{padding:6px 8px}html[dir="rtl"] .site-nav .nav-body{gap:8px}}