/* RTL overrides for Urdu locale */
html[dir="rtl"] body {
    font-family: 'Noto Nastaliq Urdu', 'Segoe UI', Tahoma, sans-serif;
}

html[dir="rtl"] .app-sidebar {
    right: 0;
    left: auto;
}

html[dir="rtl"] .main-content {
    margin-right: var(--sidebar-width, 15rem);
    margin-left: 0;
}

html[dir="rtl"] .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}

html[dir="rtl"] .side-menu__angle {
    transform: rotate(90deg);
}

html[dir="rtl"] .slide.has-sub.open > .side-menu__item .side-menu__angle {
    transform: rotate(-90deg);
}

html[dir="rtl"] .show-password-button {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .create-password-input {
    padding-left: 2.5rem;
    padding-right: 0.75rem;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .ms-1, html[dir="rtl"] .ms-2, html[dir="rtl"] .ms-3 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .kpi-card .kpi-accent {
    left: auto;
    right: 0;
    border-radius: 0 4px 4px 0;
}

html[dir="rtl"] .activity-item {
    border-left: none;
    border-right: 3px solid transparent;
    padding-left: 0;
    padding-right: 0.75rem;
}

html[dir="rtl"] .activity-item.sale { border-right-color: #22c55e; }
html[dir="rtl"] .activity-item.purchase { border-right-color: #3b82f6; }

html[dir="rtl"] .login-lang-switcher {
    text-align: left;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .main-content {
        margin-right: 0;
    }
}

@media print {
    .no-print { display: none !important; }
    .bilingual-label { display: block; }
    .bilingual-label small { color: #666; font-size: 0.75rem; }

    html[dir="rtl"] .main-content,
    html[dir="rtl"] .app-content {
        margin: 0 !important;
        width: 100% !important;
    }
    html[dir="rtl"] .page,
    html[dir="rtl"] .card {
        overflow: visible !important;
        width: 100% !important;
    }
}