/* ── RTL layout (Arabic) — applies when ─────────────────── */
[dir="rtl"] body { direction: rtl; }
/* Sidebar flips to the right, content shifts left */
[dir="rtl"] .sidebar {
left: auto;
right: 0;
border-right: none;
border-left: 1px solid var(--border);
}
[dir="rtl"] .main-content,
[dir="rtl"] .topbar {
margin-left: 0;
margin-right: var(--sidebar-width);
}
@media (max-width: 768px) {
[dir="rtl"] .main-content,
[dir="rtl"] .topbar {
margin-right: 0;
}
[dir="rtl"] .sidebar {
transform: translateX(100%);
}
[dir="rtl"] .sidebar.open {
transform: translateX(0);
}
}
/* Nav items: icon sits to the right of the label */
[dir="rtl"] .nav-item .icon { margin-right: 0; margin-left: 10px; }
[dir="rtl"] .nav-item { text-align: right; }
[dir="rtl"] .nav-section-label { text-align: right; }
[dir="rtl"] .nav-badge { margin-left: 0; margin-right: auto; }
/* Text alignment for content blocks */
[dir="rtl"] .card,
[dir="rtl"] .form-group,
[dir="rtl"] .label,
[dir="rtl"] .empty-state,
[dir="rtl"] th,
[dir="rtl"] td {
text-align: right;
}
/* Tables */
[dir="rtl"] .table th:first-child,
[dir="rtl"] .table td:first-child { padding-left: 0; padding-right: var(--space-4); }
/* Inputs */
[dir="rtl"] .input,
[dir="rtl"] .select,
[dir="rtl"] textarea.input { text-align: right; }
/* Flip directional chevrons/arrows */
[dir="rtl"] .icon-mirror svg,
[dir="rtl"] .chevron svg { transform: scaleX(-1); }
/* Topbar ordering feels natural mirrored via flex */
[dir="rtl"] .topbar-right { flex-direction: row-reverse; }
/* Inbox split view mirrors */
[dir="rtl"] .inbox-list { border-right: none; border-left: 1px solid var(--border); }
/* Toasts to the left side */
[dir="rtl"] .toast-container { right: auto; left: 20px; }
/* Modal close buttons etc. keep spacing sane */
[dir="rtl"] .modal-header { flex-direction: row-reverse; }