/* ============================================================================
   Fali CRM — surcouche droite-à-gauche (arabe)
   Chargée uniquement quand isRtl() est vrai, APRÈS crm.css.
   Ne contient que les règles réellement directionnelles : tout ce qui est
   centré ou symétrique reste géré par crm.css.
   ========================================================================== */

/* 1. STRUCTURE ------------------------------------------------------------ */
.sidebar{inset:0 0 0 auto}
.main{margin-left:0;margin-right:var(--sidebar-w)}

/* 2. ALIGNEMENTS DE TEXTE ------------------------------------------------- */
.right{text-align:left}
.tbl th{text-align:right}
.tbl .td-actions,
.tbl .td-num,
.summary__row span:last-child,
.list__meta,
.report-bar__val{text-align:left}
.dropdown__label,
.dropdown__item{text-align:right}

/* 3. MARGES AUTOMATIQUES (poussent vers le bord opposé) ------------------- */
.nav-item__badge,
.alert__close,
.filters__actions,
.demo-bar__actions{margin-left:0;margin-right:auto}
.pager__info{margin-right:0;margin-left:auto}

/* 4. ÉLÉMENTS POSITIONNÉS ------------------------------------------------- */
.searchbox button{right:auto;left:6px}
.icon-btn__dot{right:auto;left:-5px}
.dropdown__menu{right:auto;left:0}
.input-suffix__unit{right:auto;left:1px}

/* 5. CHAMPS DE FORMULAIRE ------------------------------------------------- */
.select{padding-right:.9rem;padding-left:2.3rem;background-position:left .8rem center}
.input-suffix .input{padding-right:.9rem;padding-left:3.2rem}
.input-group__addon{border-right:1px solid var(--border);border-left:0;
                    border-radius:0 10px 10px 0}
.input-group .input{border-radius:10px 0 0 10px}

/* 6. ICÔNES ORIENTÉES ----------------------------------------------------- */
/* Les chevrons et flèches horizontales pointent dans l'autre sens. */
.crumbs .ico,
.topbar__back .ico,
.pager .ico,
.btn .ico--arrow{transform:scaleX(-1)}

/* 7. BARRES DE PROGRESSION ET JAUGES -------------------------------------- */
.progress__bar,
.report-bar__fill{margin-right:0;margin-left:auto}

/* 8. RESPONSIVE ----------------------------------------------------------- */
@media (max-width:1024px){
  .sidebar{transform:translateX(100%)}
  .sidebar.is-open{transform:translateX(0)}
  .main{margin-right:0}
}
@media (max-width:760px){
  .filters__actions,
  .demo-bar__actions{margin-right:0}
  .pager__info{margin-left:0}
}

/* 9. IMPRESSION ----------------------------------------------------------- */
@media print{
  .main{margin-right:0}
}