/* ===================================================================== WoodERP — rtl.css Chargé uniquement quand (interface en arabe). La mise en page principale (.app-shell, .topbar, .user-chip...) est en flexbox : elle s'inverse déjà automatiquement avec direction:rtl (la sidebar passe à droite, le contenu à gauche, sans rien changer ici). Ce fichier ne corrige que ce que le flex ne gère pas tout seul : margin-left/right explicites, bordures, positions absolues, police. Périmètre actuellement couvert : sidebar, en-tête, page de connexion. À compléter au fur et à mesure de la conversion des autres modules (formulaires, tableaux, éditeurs devis/factures...). ===================================================================== */ html[dir="rtl"] body { direction: rtl; } html[dir="rtl"] body, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea, html[dir="rtl"] button { font-family: "Cairo", "Tajawal", var(--font-ui); } /* Sidebar : badge de compteur et cadenas de lien verrouillé, ancrés à gauche en LTR (margin-left:auto) -> à droite en RTL. */ html[dir="rtl"] .sidebar a.nav-link .lock, html[dir="rtl"] .nav-badge { margin-left: 0; margin-right: auto; } /* Barre du haut : bloc d'actions poussé à droite en LTR -> à gauche en RTL. */ html[dir="rtl"] .topbar-right { margin-left: 0; margin-right: auto; } /* Séparateur avant l'avatar utilisateur */ html[dir="rtl"] .user-chip { padding-left: 0; padding-right: 10px; border-left: none; border-right: 1px solid var(--line); } /* Panneau de notifications : ancré à droite en LTR -> à gauche en RTL. */ html[dir="rtl"] .notif-panel { right: auto; left: 0; } html[dir="rtl"] .notif-badge { right: auto; left: -5px; } /* Montants, dates et références (ex: 7 000,00 MAD, DEV-2026-0063) doivent toujours rester affichés de gauche à droite, même en RTL — sinon les chiffres deviennent illisibles. À poser autour de ces valeurs au fur et à mesure de la conversion des modules. */ .ltr-num { direction: ltr; unicode-bidi: isolate; display: inline-block; }