/* ERP Benrabia — compléments RTL et tableau de bord */

html[dir="rtl"] body {
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Kufi Arabic", Arial, sans-serif;
}

/* Les tableaux Unfold sont alignés à gauche : on les aligne au début de ligne. */
html[dir="rtl"] th,
html[dir="rtl"] td {
    text-align: right;
}

.erp-dashboard { display: flex; flex-direction: column; gap: 1.5rem; }
.erp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.erp-period { display: flex; gap: .5rem; align-items: center; }
.erp-chip {
    border: 1px solid var(--color-base-200, #e5e7eb);
    border-radius: .375rem;
    padding: .25rem .75rem;
    font-size: .875rem;
}
.erp-chip-active { background: var(--color-primary-600); border-color: var(--color-primary-600); color: #fff; }

.erp-grid { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) {
    .erp-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .erp-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
    .erp-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.erp-kpi { display: flex; align-items: center; gap: 1rem; }
.erp-kpi-icon {
    font-size: 2rem !important;
    color: var(--color-primary-600);
    background: var(--color-primary-50);
    border-radius: .5rem;
    padding: .5rem;
}
.dark .erp-kpi-icon { background: transparent; }

.erp-stack { display: flex; flex-direction: column; gap: .9rem; }
.erp-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .3rem; }
.erp-bar { height: .5rem; border-radius: 999px; background: var(--color-base-100); overflow: hidden; }
.dark .erp-bar { background: var(--color-base-800); }
.erp-bar-fill { height: 100%; background: var(--color-primary-600); border-radius: 999px; }
.erp-bar-danger { background: oklch(63.7% .237 25.331); }
.erp-sep { padding-top: 1rem; }

/* Une section par module sur le tableau de bord */
.erp-module { display: flex; flex-direction: column; gap: 1.5rem; padding-top: .5rem; }
.erp-module-title { display: flex; align-items: center; gap: .5rem; font-weight: 600; font-size: 1.125rem; }
.erp-module-title .material-symbols-outlined { color: var(--color-primary-600); }
.erp-companies { flex-wrap: wrap; }