html[dir="rtl"],
html.is-rtl {
    direction: rtl;
}

html[dir="rtl"] body,
body.is-rtl {
    direction: rtl;
    text-align: right;
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif;
    line-height: 1.6;
    letter-spacing: 0;
    unicode-bidi: plaintext;
}

/* Keep navigation/sidebar geometry correct in RTL */
html[dir="rtl"] .admin-sidebar,
html[dir="rtl"] .sales-admin-sidebar,
html[dir="rtl"] .sales-representative-sidebar,
html[dir="rtl"] .marketing-analyst-sidebar {
    left: auto;
    right: 0;
    box-shadow: -4px 0 20px rgba(16, 16, 79, 0.14);
}

html[dir="rtl"] .admin-sidebar.collapsed,
html[dir="rtl"] .sales-admin-sidebar.collapsed,
html[dir="rtl"] .sales-representative-sidebar.collapsed,
html[dir="rtl"] .marketing-analyst-sidebar.collapsed {
    transform: translateX(100%);
}

html[dir="rtl"] .admin-top-header,
html[dir="rtl"] .sales-admin-top-header,
html[dir="rtl"] .sales-representative-top-header,
html[dir="rtl"] .marketing-analyst-top-header {
    left: 0;
    right: 280px;
}

html[dir="rtl"] .admin-sidebar.collapsed + .admin-top-header,
html[dir="rtl"] .sales-admin-sidebar.collapsed + .sales-admin-top-header,
html[dir="rtl"] .sales-representative-sidebar.collapsed + .sales-representative-top-header,
html[dir="rtl"] .marketing-analyst-sidebar.collapsed + .marketing-analyst-top-header {
    right: 0;
}

html[dir="rtl"] .admin-main-content,
html[dir="rtl"] .sales-admin-main-content,
html[dir="rtl"] .sales-representative-main-content,
html[dir="rtl"] .marketing-analyst-main-content {
    margin-left: 0 !important;
    margin-right: 280px !important;
    overflow-x: hidden;
}

html[dir="rtl"] .admin-sidebar.collapsed ~ .admin-main-content,
html[dir="rtl"] .sales-admin-sidebar.collapsed ~ .sales-admin-main-content,
html[dir="rtl"] .sales-representative-sidebar.collapsed ~ .sales-representative-main-content,
html[dir="rtl"] .marketing-analyst-sidebar.collapsed ~ .marketing-analyst-main-content {
    margin-right: 0 !important;
}

/* Dropdown alignment */
html[dir="rtl"] .notification-dropdown-menu {
    right: auto !important;
    left: 20px !important;
}

html[dir="rtl"] #app-profile-menu,
html[dir="rtl"] .user-dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .dropdown-see-all-btn .material-symbols-outlined,
html[dir="rtl"] .material-symbols-outlined.rtl-flip,
html[dir="rtl"] [data-icon-direction="forward"] {
    transform: scaleX(-1);
}

/* Logical paddings and text alignment for forms/tables */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] .table-header-cell,
html[dir="rtl"] .modern-search-input,
html[dir="rtl"] .modern-filter-select,
html[dir="rtl"] .modern-filter-date {
    text-align: right;
}

html[dir="rtl"] .sidebar-nav .nav-section-title {
    padding: 0 var(--spacing-lg) 0 0!important;
}

html[dir="rtl"] .sidebar-nav .nav-link,
html[dir="rtl"] .sidebar-footer .user-profile {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sidebar-nav .nav-link {
    justify-content: flex-start !important;
}

html[dir="rtl"] .sidebar-nav .nav-text {
    text-align: right !important;
    line-height: 1.45 !important;
}

html[dir="rtl"] .sidebar-nav .nav-link.active {
    box-shadow: inset -3px 0 0 var(--primary-400) !important;
}

html[dir="rtl"] .sidebar-footer .user-info,
html[dir="rtl"] .header-text-group,
html[dir="rtl"] .page-title-section {
    text-align: right;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-stepper-track {
    direction: rtl;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-step-pill {
    flex-direction: row-reverse;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-step-label,
html[dir="rtl"] #resetAssignmentsOverlay #reset-step1-title,
html[dir="rtl"] #resetAssignmentsOverlay #reset-step1-desc,
html[dir="rtl"] #resetAssignmentsOverlay #reset-step2-title,
html[dir="rtl"] #resetAssignmentsOverlay #reset-step3-title,
html[dir="rtl"] #resetAssignmentsOverlay #reset-step3-desc,
html[dir="rtl"] #resetAssignmentsOverlay #reset-summary-text {
    text-align: right;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-scope-card .flex.items-start {
    flex-direction: row-reverse;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-scope-card h5,
html[dir="rtl"] #resetAssignmentsOverlay .reset-scope-card p {
    text-align: right;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-overlay-footer {
    flex-direction: row-reverse;
}

html[dir="rtl"] #resetAssignmentsOverlay .reset-footer-left {
    flex-direction: row-reverse;
}

html[dir="rtl"] #app-profile-dropdown .text-left,
html[dir="rtl"] #app-profile-menu .text-left {
    text-align: right !important;
}

/* Header card polish for Arabic layout */
html[dir="rtl"] .modern-page-header::before {
    left: auto !important;
    right: 0 !important;
    border-radius: 0 4px 4px 0!important;
}

html[dir="rtl"] .page-title-section {
    padding-left: 0 !important;
    padding-right: var(--spacing-sm)!important;
}

html[dir="rtl"] .page-header-content {
    align-items: flex-start;
}

html[dir="rtl"] .page-actions {
    justify-content: flex-start;
    row-gap: 12px;
    column-gap: 12px;
}

html[dir="rtl"] .page-actions .assign-leads-button,
html[dir="rtl"] .page-actions .duplicate-leads-button,
html[dir="rtl"] .page-actions .reset-assignments-button,
html[dir="rtl"] .page-actions .add-lead-button,
html[dir="rtl"] .page-actions .add-lead-btn,
html[dir="rtl"] .page-actions .modern-btn-primary,
html[dir="rtl"] .page-actions .modern-btn-secondary {
    flex-direction: row-reverse;
    text-align: center;
    min-height: 2.75rem;
    min-width: 10.75rem;
    padding-inline: var(--spacing-md);
    white-space: nowrap;
}

/* Modal consistency */
html[dir="rtl"] .modal-blue-header,
html[dir="rtl"] .tm-modal-header,
html[dir="rtl"] .sa-modal-header,
html[dir="rtl"] .member-modal-header {
    text-align: right;
}

html[dir="rtl"] .modal-title-section,
html[dir="rtl"] .sa-modal-title-section,
html[dir="rtl"] .sa-edit-modal-title-section,
html[dir="rtl"] .tm-modal-title-section {
    text-align: right;
}

html[dir="rtl"] .tm-modal-close,
html[dir="rtl"] .sa-modal-close,
html[dir="rtl"] .sa-edit-modal-close,
html[dir="rtl"] .delete-confirm-close,
html[dir="rtl"] .member-modal-close,
html[dir="rtl"] .pi-modal-close {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .form-actions,
html[dir="rtl"] .form-actions-right,
html[dir="rtl"] .sa-edit-modal-footer,
html[dir="rtl"] .sa-edit-modal-footer-right,
html[dir="rtl"] .delete-confirm-footer,
html[dir="rtl"] .save-modal-actions,
html[dir="rtl"] .reset-overlay-footer,
html[dir="rtl"] .reset-footer-left {
    flex-wrap: wrap;
}

/* Mirror search/filter controls and inline icons */
html[dir="rtl"] .search-icon {
    left: auto;
    right: 0.75rem;
}

html[dir="rtl"] .search-field {
    padding-left: var(--spacing-md);
    padding-right: 40px;
    text-align: right;
}

html[dir="rtl"] .filter-select,
html[dir="rtl"] .filter-date,
html[dir="rtl"] .modern-filter-select,
html[dir="rtl"] .modern-filter-date,
html[dir="rtl"] .modern-form-select,
html[dir="rtl"] .sa-form-select,
html[dir="rtl"] .sa-edit-form-select {
    background-position: left 0.75rem center !important;
    padding-left: 40px !important;
    padding-right: var(--spacing-md)!important;
}

html[dir="rtl"] .lead-phone-prefix {
    border-right: 0;
    border-left: 1px solid var(--gray-200);
}

html[dir="rtl"] #search-input {
    text-align: right;
    padding-left: var(--spacing-md)!important;
    padding-right: var(--spacing-2xl)!important;
}

html[dir="rtl"] .leads-card .relative.max-w-2xl.mx-auto .absolute.inset-y-0.left-0 {
    left: auto !important;
    right: 0 !important;
    padding-left: 0 !important;
    padding-right: var(--spacing-md)!important;
}

html[dir="rtl"] .leads-card .relative.max-w-2xl.mx-auto .absolute.inset-y-0.right-0 {
    right: auto !important;
    left: 0 !important;
    padding-right: 0 !important;
    padding-left: var(--spacing-md)!important;
}

/* Table and pagination balance in RTL */
html[dir="rtl"] .leads-table,
html[dir="rtl"] .modern-user-table,
html[dir="rtl"] .ld-table {
    text-align: right;
}

html[dir="rtl"] .leads-table th,
html[dir="rtl"] .leads-table td,
html[dir="rtl"] .modern-user-table th,
html[dir="rtl"] .modern-user-table td {
    text-align: right;
}

html[dir="rtl"] .leads-table th:first-child,
html[dir="rtl"] .leads-table td:first-child {
    text-align: center;
}

html[dir="rtl"] .table-header-cell {
    justify-content: flex-start;
}

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

html[dir="rtl"] .pagination-buttons,
html[dir="rtl"] .pagination,
html[dir="rtl"] .modern-action-buttons {
    flex-wrap: wrap;
}

html[dir="rtl"] .pagination-button .material-symbols-outlined {
    transform: scaleX(-1);
}

html[dir="rtl"] .lang-switcher {
    direction: rtl;
}

html[dir="rtl"] .lang-option {
    text-align: right;
}

html[dir="rtl"] .lang-switcher-label-row {
    justify-content: flex-end;
}

html[dir="rtl"] .lang-option-main {
    flex-direction: row-reverse;
}

/* User-management search helpers in RTL */
html[dir="rtl"] .search-clear-btn {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .search-loading {
    right: auto;
    left: 4rem;
}

html[dir="rtl"] .search-counter {
    right: auto;
    left: 5rem;
}

/* Defensive RTL root fallback for pages that expose Arabic via lang/data-lang/class */
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar {
    left: auto;
    right: 0;
    box-shadow: -4px 0 20px rgba(16, 16, 79, 0.14);
}

:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar.collapsed,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar.collapsed,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar.collapsed,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar.collapsed {
    transform: translateX(100%);
}

:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-top-header {
    left: 0;
    right: 280px;
}

:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar.collapsed + .admin-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar.collapsed + .sales-admin-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar.collapsed + .sales-representative-top-header,
:is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar.collapsed + .marketing-analyst-top-header {
    right: 0;
}

@media (max-width: 768px) {
    /* Mobile RTL drawers should be hidden off-canvas to the right */
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar {
        transform: translateX(100%);
    }

    /* Mobile open must always win over collapsed desktop preference */
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-sidebar.collapsed.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-sidebar.collapsed.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-sidebar.collapsed.mobile-open,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-sidebar.collapsed.mobile-open {
        transform: translateX(0) !important;
    }

    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-top-header,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-top-header,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-top-header,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-top-header {
        left: 0;
        right: 0;
    }

    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .admin-main-content,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-admin-main-content,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .sales-representative-main-content,
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .marketing-analyst-main-content {
        margin-right: 0 !important;
    }

    /* app-header menu alignment in RTL mobile */
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) #app-mobile-menu {
        direction: rtl;
    }

    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) #app-mobile-menu nav {
        text-align: right;
    }

    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) #app-mobile-menu nav a {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    /* Keep fixed dropdowns inside viewport on small screens */
    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) .notification-dropdown-menu {
        left: 0.5rem !important;
        right: 0.5rem !important;
        width: auto !important;
        max-width: none !important;
    }

    :is(html[dir="rtl"], html.is-rtl, html[lang="ar"], html[data-lang="ar"]) #app-profile-menu {
        left: 0 !important;
        right: auto !important;
        max-width: calc(100vw - 1rem);
    }
}

@media (max-width: 1024px) {
    html[dir="rtl"] .admin-main-content,
    html[dir="rtl"] .sales-admin-main-content,
    html[dir="rtl"] .sales-representative-main-content,
    html[dir="rtl"] .marketing-analyst-main-content {
        margin-right: 0 !important;
    }

    html[dir="rtl"] .admin-top-header,
    html[dir="rtl"] .sales-admin-top-header,
    html[dir="rtl"] .sales-representative-top-header,
    html[dir="rtl"] .marketing-analyst-top-header {
        right: 0;
    }
}

@media (max-width: 900px) {
    html[dir="rtl"] .page-actions .assign-leads-button,
    html[dir="rtl"] .page-actions .duplicate-leads-button,
    html[dir="rtl"] .page-actions .reset-assignments-button,
    html[dir="rtl"] .page-actions .add-lead-button,
    html[dir="rtl"] .page-actions .add-lead-btn,
    html[dir="rtl"] .page-actions .modern-btn-primary,
    html[dir="rtl"] .page-actions .modern-btn-secondary {
        min-width: 100%;
    }

    html[dir="rtl"] .pagination-container {
        gap: 12px;
        align-items: flex-start;
    }
}

/* ==================== Canonical RTL hardening additions ==================== */
html[dir="rtl"] body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

/* Prefer logical spacing in overrides to reduce mirrored breakage */
html[dir="rtl"] .search-input,
html[dir="rtl"] .search-field,
html[dir="rtl"] .modern-search-input {
    padding-inline-start: var(--spacing-md);
    padding-inline-end: 40px;
}

html[dir="rtl"] .search-icon {
    inset-inline-start: auto;
    inset-inline-end: 0.75rem;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[data-ltr="true"],
html[dir="rtl"] .force-ltr {
    direction: ltr;
    text-align: left;
}

/* Keep dropdown and profile alignment consistent with logical insets */
html[dir="rtl"] .notification-badge {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

html[dir="rtl"] .user-dropdown-menu,
html[dir="rtl"] #app-profile-menu {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

/* Sales Representative mobile RTL consistency */
html[dir="rtl"] .sr-leads-page .search-filter-row,
html[dir="rtl"] .sr-settings-page .setting-item,
html[dir="rtl"] .sr-dashboard-page .sr-mobile-card-row {
    direction: rtl;
}

html[dir="rtl"] .sr-leads-page .row-actions,
html[dir="rtl"] .sr-lead-details-page .action-buttons,
html[dir="rtl"] .sr-settings-page .btn-primary {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sr-whatsapp-page .wa-contact-top,
html[dir="rtl"] .sr-whatsapp-page .wa-chat-header,
html[dir="rtl"] .sr-whatsapp-page .wa-input-row {
    direction: rtl;
}

html[dir="rtl"] .sr-whatsapp-page .wa-msg.inbound {
    align-self: flex-end;
}

html[dir="rtl"] .sr-whatsapp-page .wa-msg.outbound {
    align-self: flex-start;
}

html[dir="rtl"] .sr-whatsapp-page .wa-msg-footer {
    justify-content: flex-start;
}

@media (max-width: 768px) {
    html[dir="rtl"] .sr-calendar-page .calendar-navigation,
    html[dir="rtl"] .sr-calendar-page .task-actions-group,
    html[dir="rtl"] .sr-activities-page .filter-btn {
        direction: rtl;
    }

    html[dir="rtl"] .sr-activities-page .activity-card > div > div[style*="justify-content: space-between"] {
        flex-direction: row-reverse;
    }

    html[dir="rtl"] .sr-whatsapp-page.wa-mobile-chat-open .wa-chat-header-back {
        margin-left: var(--spacing-sm);
        margin-right: 0;
    }
}

/* Non-directional media/icons must never be mirrored */
html[dir="rtl"] img,
html[dir="rtl"] video,
html[dir="rtl"] .user-avatar-small,
html[dir="rtl"] .pi-project-image,
html[dir="rtl"] .avatar,
html[dir="rtl"] [data-no-flip="true"] {
    transform: none !important;
}