/* RTL overrides for Arabic/Urdu (dir="rtl") */
[dir="rtl"] {
  --font-stack: 'Segoe UI', Tahoma, 'Noto Nastaliq Urdu', sans-serif;
}

[dir="rtl"] .sidebar { left: auto; right: 0; border-right: none; border-left: 1px solid var(--color-border); }
[dir="rtl"] .main-area { margin-left: 0; margin-right: var(--sidebar-width); }

[dir="rtl"] .alert  { border-left: none; border-right: 4px solid transparent; }
[dir="rtl"] .alert-success { border-color: var(--color-success); }
[dir="rtl"] .alert-error   { border-color: var(--color-danger); }
[dir="rtl"] .alert-warning { border-color: var(--color-warning); }
[dir="rtl"] .alert-info    { border-color: var(--color-info); }
[dir="rtl"] .alert-close   { margin-left: 0; margin-right: auto; }

[dir="rtl"] .nav-icon { margin-right: 0; margin-left: .75rem; }
[dir="rtl"] .nav-link { flex-direction: row-reverse; justify-content: flex-end; }

[dir="rtl"] .topbar { flex-direction: row-reverse; }
[dir="rtl"] .topbar-left { flex-direction: row-reverse; }
[dir="rtl"] .topbar-right { flex-direction: row-reverse; }

[dir="rtl"] .dropdown-panel { right: auto; left: 0; }

[dir="rtl"] .stat-card::before { right: 0; left: auto; }
[dir="rtl"] .att-present { border-left: none; border-right: 4px solid var(--color-success); }
[dir="rtl"] .att-absent  { border-left: none; border-right: 4px solid var(--color-danger); }
[dir="rtl"] .att-late    { border-left: none; border-right: 4px solid var(--color-warning); }

[dir="rtl"] .data-table th,
[dir="rtl"] .data-table td { text-align: right; }

[dir="rtl"] .page-header { flex-direction: row-reverse; }
[dir="rtl"] .card-header { flex-direction: row-reverse; }
[dir="rtl"] .form-actions { flex-direction: row-reverse; }
[dir="rtl"] .flex-cell    { flex-direction: row-reverse; }

[dir="rtl"] .pagination { flex-direction: row-reverse; }
[dir="rtl"] .invoice-header { flex-direction: row-reverse; }

[dir="rtl"] .module-card { flex-direction: row-reverse; }
[dir="rtl"] .module-info { flex-direction: row-reverse; }

[dir="rtl"] .input-group .form-control {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
[dir="rtl"] .input-suffix {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  border-left: 1px solid var(--color-border);
  border-right: none;
}

@media (max-width: 768px) {
  [dir="rtl"] .sidebar { transform: translateX(100%); }
  [dir="rtl"] .sidebar.open { transform: translateX(0); }
  [dir="rtl"] .main-area { margin-right: 0; }
}