/* Essential RTL Support for Arabic */
[dir="rtl"] {
    text-align: right;
}

    [dir="rtl"] .form-control {
        text-align: right;
    }

    [dir="rtl"] .btn {
        margin-left: 0;
        margin-right: 5px;
    }

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

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

    /* RTL Sidebar Positioning */
    [dir="rtl"] .ant-pro-sider-menu {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] .ant-pro-sider-fixed {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] .ant-layout-sider {
        left: auto !important;
        right: 0 !important;
    }

    /* RTL Layout - Flexible approach */
    [dir="rtl"] .ant-layout {
        direction: rtl;
    }

    [dir="rtl"] .site-layout {
        margin-left: 0 !important;
    }

    /* RTL Header Layout Fix - Remove extra spacing and flip sidebar padding */
    [dir="rtl"] .ant-layout-header {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
        padding-right: 185px !important;
        padding-left: 0 !important;
    }

        /* RTL Header Content Container */
        [dir="rtl"] .ant-layout-header .gls-content {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    /* RTL Header Content Alignment */

    [dir="rtl"] .gls-content .ant-row {
        direction: rtl;
    }

    [dir="rtl"] .gls-content .ant-col {
        text-align: right;
    }

        /* Fix MainContent padding for RTL */
        [dir="rtl"] .gls-content .ant-col:first-child div[style*="padding-right:180px"] {
            padding-right: 0 !important;
            padding-left: 180px !important;
        }

    /* RTL Menu Item Alignment */
    [dir="rtl"] .ant-menu-item,
    [dir="rtl"] .ant-menu-submenu-title {
        padding-left: 0 !important;
        padding-right: 10px !important;
        text-align: right;
    }

    [dir="rtl"] .ant-menu-submenu-open > ul > li > .ant-menu-title-content {
        padding-left: 0 !important;
        padding-right: 35px !important;
    }

    [dir="rtl"] .ant-menu-title-content {
        margin-left: 20px !important;
        margin-right: 0px !important;
        text-align: right;
    }

    [dir="rtl"] .ant-menu-item .anticon + span {
        margin-left: 8px !important;
        margin-right: 0px !important;
    }

    [dir="rtl"] .ant-menu-submenu-title {
        padding: 0 6px 0 0 !important;
        text-align: right;
    }

        /* RTL Icon positioning */
        [dir="rtl"] .ant-menu-item .anticon,
        [dir="rtl"] .ant-menu-submenu-title .anticon {
            margin-left: 8px !important;
            margin-right: 0 !important;
        }

    /* RTL Menu sub-items */
    [dir="rtl"] .ant-menu-sub.ant-menu-inline > .ant-menu-item,
    [dir="rtl"] .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
        text-align: right;
        padding-right: 15px !important;
        padding-left: 0 !important;
    }

    /* RTL Submenu Arrows - Fix for both inline and SVG arrows */
    [dir="rtl"] .ant-menu-submenu-title {
        position: relative !important;
    }

    /* RTL Arrow positioning for inline mode */
    [dir="rtl"] .ant-menu-submenu-arrow {
        left: 8px !important;
        right: auto !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) scaleX(-1) !important;
    }

    /* RTL SVG Arrow flipping for dropdown mode */
    [dir="rtl"] .ant-menu-submenu-title .anticon-right {
        transform: scaleX(-1) !important;
    }

        [dir="rtl"] .ant-menu-submenu-title .anticon-right svg {
            transform: scaleX(-1) !important;
        }

    /* RTL Submenu expand icon positioning */
    [dir="rtl"] .ant-menu-submenu-expand-icon {
        left: 8px !important;
        right: auto !important;
        position: absolute !important;
    }

    /* Make sure arrows are visible and properly positioned */
    [dir="rtl"] .ant-menu-submenu-title i.ant-menu-submenu-arrow {
        left: 8px !important;
        right: auto !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) scaleX(-1) !important;
    }

    /* Flip icons and arrows for RTL */
    [dir="rtl"] .fa-arrow-left:before {
        content: "\f061"; /* arrow-right */
    }

    [dir="rtl"] .fa-arrow-right:before {
        content: "\f060"; /* arrow-left */
    }

    /* RTL Back to Top Button Positioning */
    [dir="rtl"] .ant-back-top {
        left: 40px !important;
        right: auto !important;
    }

    [dir="rtl"] .ant-back-top-content {
        left: 40px !important;
        right: auto !important;
    }

    /* General back to top button positioning for any custom implementations */
    [dir="rtl"] *[class*="back-top"],
    [dir="rtl"] *[class*="backtop"],
    [dir="rtl"] *[class*="back_top"] {
        left: 20px !important;
        right: auto !important;
    }

    /* RTL Pagination Styling */
    [dir="rtl"] .ant-pagination {
        direction: rtl;
    }

    [dir="rtl"] .ant-pagination-item,
    [dir="rtl"] .ant-pagination-prev,
    [dir="rtl"] .ant-pagination-next,
    [dir="rtl"] .ant-pagination-jump-prev,
    [dir="rtl"] .ant-pagination-jump-next {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }

        [dir="rtl"] .ant-pagination-item:last-child,
        [dir="rtl"] .ant-pagination-prev:last-child,
        [dir="rtl"] .ant-pagination-next:last-child {
            margin-right: 0 !important;
        }

        /* Fix pagination arrows for RTL */
        [dir="rtl"] .ant-pagination-prev .ant-pagination-item-link,
        [dir="rtl"] .ant-pagination-next .ant-pagination-item-link {
            transform: scaleX(-1);
        }

    /* RTL Pagination options (page size selector) */
    [dir="rtl"] .ant-pagination-options {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 16px !important;
    }

    [dir="rtl"] .ant-pagination-total-text {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 10px !important;
    }

    /* RTL Select dropdown in pagination */
    [dir="rtl"] .ant-pagination-options .ant-select {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }

    /* RTL Jump to page input */
    [dir="rtl"] .ant-pagination-options-quick-jumper {
        margin-left: 0 !important;
        margin-right: 16px !important;
    }

        [dir="rtl"] .ant-pagination-options-quick-jumper input {
            margin-left: 0 !important;
            margin-right: 8px !important;
            text-align: center;
        }

    /* RTL Sidebar Collapse/Expand Arrow Fix */
    [dir="rtl"] .ant-layout-sider-trigger {
        transform: rotate(180deg) !important;
    }

    /* Alternative approach - target the actual trigger content */
    [dir="rtl"] .ant-layout-sider-children .ant-layout-sider-trigger,
    [dir="rtl"] .ant-layout-sider .ant-layout-sider-trigger {
        transform: rotate(180deg) !important;
    }

    /* Target Bootstrap icons specifically */
    [dir="rtl"] .ant-layout-sider-trigger .bi-chevron-left::before {
        content: "\f285" !important; /* chevron-right */
    }

    [dir="rtl"] .ant-layout-sider-trigger .bi-chevron-right::before {
        content: "\f284" !important; /* chevron-left */
    }

    [dir="rtl"] .ant-layout-sider-trigger .bi-arrow-left::before {
        content: "\f138" !important; /* arrow-right */
    }

    [dir="rtl"] .ant-layout-sider-trigger .bi-arrow-right::before {
        content: "\f12f" !important; /* arrow-left */
    }

    /* Zero width trigger positioning */
    [dir="rtl"] .ant-layout-sider-zero-width-trigger {
        left: auto !important;
        right: -36px !important;
        transform: rotate(180deg) !important;
    }

    /* RTL Page Header Tabs Margin Fix */
    [dir="rtl"] .ant-page-header-footer .ant-tabs .ant-tabs-tab {
        margin: 0 32px 0 0 !important;
    }


    [dir="rtl"] .ant-tabs-tab {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding: 12px 0;
        font-size: 14px;
        background: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
        margin: 0 0 0 32px;
    }

    [dir="rtl"] .header-fixed {
        position: static;
        z-index: 19;
        top: 70px;
        right: 183px;
        left: 2px;
        box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 10%);
        margin-top: -1px;
    }
    /* RTL Steps Component Support */
    [dir="rtl"] .ant-steps {
        direction: rtl;
    }

    /* RTL Steps Item Alignment */
    [dir="rtl"] .ant-steps-item {
        text-align: right;
    }

    /* RTL Steps Icon Positioning */
    [dir="rtl"] .ant-steps-item-icon {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    /* RTL Steps Content Positioning */
    [dir="rtl"] .ant-steps-item-content {
        text-align: right;
    }

    /* RTL Steps Title */
    [dir="rtl"] .ant-steps-item-title {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }

        [dir="rtl"] .ant-steps-item-title::after {
            left: auto !important;
            right: 100% !important;
        }

    /* RTL Steps Description */
    [dir="rtl"] .ant-steps-item-description {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* RTL Steps Tail (connecting line) */
    [dir="rtl"] .ant-steps-item-tail {
        left: auto !important;
        right: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* RTL Vertical Steps */
    [dir="rtl"] .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
        float: right;
        margin-right: 16px;
        margin-left: 0;
    }

    [dir="rtl"] .ant-steps-vertical .ant-steps-item-content {
        min-height: 48px;
        overflow: hidden;
        text-align: right;
    }

    [dir="rtl"] .ant-steps-vertical .ant-steps-item-tail {
        left: auto !important;
        right: 16px !important;
        padding: 38px 0 6px !important;
    }

    /* RTL Horizontal Steps */
    [dir="rtl"] .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }

        [dir="rtl"] .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
            padding-right: 0 !important;
        }

    /* RTL Small Steps */
    [dir="rtl"] .ant-steps-small .ant-steps-item-icon {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    [dir="rtl"] .ant-steps-small .ant-steps-item-tail {
        right: 12px !important;
        left: auto !important;
    }

    [dir="rtl"] .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }

    /* RTL Steps with Icons */
    [dir="rtl"] .ant-steps-item-custom .ant-steps-item-icon {
        background: none;
        border: 0;
    }

        [dir="rtl"] .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
            left: auto;
            right: 0.5px;
            width: auto;
            height: auto;
        }

    /* RTL Steps Label Vertical */
    [dir="rtl"] .ant-steps-label-vertical .ant-steps-item-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }

    /* RTL Steps Process Tail */
    [dir="rtl"] .ant-steps-item-process .ant-steps-item-icon {
        background: #1890ff;
    }

    /* RTL Context Menu in Steps */
    [dir="rtl"] .ant-steps .ant-row {
        direction: rtl;
    }

    [dir="rtl"] .ant-steps .ant-col {
        text-align: right;
    }

    /* RTL Syncfusion Context Menu - Icon Spacing */
    [dir="rtl"] .e-contextmenu .e-menu-item .e-icons,
    [dir="rtl"] .e-menu-wrapper .e-menu-item .e-icons {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    /* RTL Syncfusion Context Menu - Text Alignment */
    [dir="rtl"] .e-contextmenu .e-menu-item,
    [dir="rtl"] .e-menu-wrapper .e-menu-item {
        text-align: right !important;
        direction: rtl;
    }

    /* RTL Syncfusion Context Menu - Icon Container */
    [dir="rtl"] .e-contextmenu .e-menu-icon,
    [dir="rtl"] .e-menu-wrapper .e-menu-icon {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    /* RTL Email List DateTime Alignment */
    [dir="rtl"] .list-email .datetime {
        text-align: left !important;
    }

    /* RTL Email List Layout - Ensure proper flex direction */
    [dir="rtl"] .list-email .layout {
        direction: rtl;
    }

    /* RTL Email List Content Growth */
    [dir="rtl"] .list-email .can-grow {
        text-align: right;
    }

    /* RTL Email List Header */
    [dir="rtl"] .list-email-header {
        text-align: right;
    }

    /* RTL Email List Content */
    [dir="rtl"] .list-email-content {
        text-align: right;
    }

    /* RTL Email Matter Reference Link */
    [dir="rtl"] .email-matter {
        margin-right: 0 !important;
        margin-left: 5px !important;
        float: left;
    }

    /* RTL Email Attachment Icon */
    [dir="rtl"] .email-attachment {
        margin-right: 0 !important;
        margin-left: 5px !important;
        float: left;
    }

    /* RTL Email Tag/Flag Icon */
    [dir="rtl"] .email-tag-color {
        float: left;
    }

    /* RTL Email List Checkbox Spacing */
    [dir="rtl"] .list-email .ant-checkbox-wrapper {
        margin-right: 0 !important;
        margin-left: 6px !important;
    }

    /* RTL Email List Item Padding */
    [dir="rtl"] .list-email-item {
        padding: 7px 2px 7px 2px !important;
    }

    /* RTL Email Unread Icon Positioning */
    [dir="rtl"] .list-email .bi-circle-fill {
        margin-left: 5px !important;
        margin-right: 0 !important;
    }

    /* RTL Email Reply Icon Positioning */
    [dir="rtl"] .list-email .bi-reply-fill {
        margin-left: 5px !important;
        margin-right: 0 !important;
    }

    /* RTL Binded Email Header */
    [dir="rtl"] .list-email .ant-flex {
        direction: rtl;
    }

    /* RTL Email Empty State */
    [dir="rtl"] .mailbox-empty {
        text-align: center;
    }

    /* RTL Email List Load More Section */
    [dir="rtl"] .list-email .ant-list-load-more {
        text-align: center;
    }

    /* RTL Email Content Display - Email Body Preview */
    [dir="rtl"] #email-content {
        direction: rtl;
        text-align: right;
    }

    /* RTL Email Preview Card */
    [dir="rtl"] .mail-preview {
        direction: rtl;
    }

        [dir="rtl"] .mail-preview .ant-card-body {
            text-align: right;
        }

    /* RTL Email Mailbox Display */
    [dir="rtl"] .mailbox-sender,
    [dir="rtl"] .mailbox-to,
    [dir="rtl"] .mailbox-cc,
    [dir="rtl"] .mailbox-bcc {
        text-align: right;
        direction: rtl;
    }

    /* RTL Email Print Mode */
    [dir="rtl"] #email-body-print {
        direction: rtl;
        text-align: right;
    }

        [dir="rtl"] #email-body-print .email-print {
            direction: rtl;
            text-align: right;
        }

        [dir="rtl"] #email-body-print .email-header {
            text-align: right;
        }

            [dir="rtl"] #email-body-print .email-header div {
                direction: rtl;
            }

    /* RTL Syncfusion Splitter Component Support */
    /* Fix for email panel and other split views in RTL mode */
    [dir="rtl"] .e-splitter {
        direction: rtl;
    }

    /* RTL Splitter Bar Margin - Flip from left to right */
    [dir="rtl"] .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
        margin-right: 5px !important;
        margin-left: 0 !important;
    }

    /* RTL Splitter Panes - Ensure proper order */
    [dir="rtl"] .e-splitter .e-pane {
        direction: rtl;
    }

    /* RTL Splitter Resize Handler */
    [dir="rtl"] .e-split-bar .e-resize-handler {
        cursor: ew-resize;
    }

    /* RTL Splitter Bar Active State */
    [dir="rtl"] .e-split-bar.e-split-bar-active {
        cursor: ew-resize;
    }

    /* RTL Splitter Navigation (expand/collapse arrows) */
    [dir="rtl"] .e-split-bar .e-navigate-arrow {
        transform: scaleX(-1);
    }

    /* RTL Horizontal Splitter Bar */
    [dir="rtl"] .e-splitter-horizontal > .e-split-bar {
        cursor: ew-resize;
    }

    /* RTL Splitter Content Direction */
    [dir="rtl"] .e-pane > .e-pane-content {
        direction: rtl;
    }

    /* RTL Splitter Pane Overflow and Scrolling */
    [dir="rtl"] .e-splitter .e-pane.e-pane-horizontal {
        overflow-x: auto;
    }

    /* RTL Splitter - Ensure proper resize behavior */
    [dir="rtl"] .e-splitter.e-splitter-horizontal {
        direction: rtl;
    }

    /* RTL Splitter Bar Icon Positioning */
    [dir="rtl"] .e-split-bar .e-icon-hidden {
        display: none;
    }

    /* RTL Splitter Expand/Collapse Icons */
    [dir="rtl"] .e-split-bar .e-navigate-arrow.e-arrow-left::before {
        content: "\e7dd"; /* arrow-right */
    }

    [dir="rtl"] .e-split-bar .e-navigate-arrow.e-arrow-right::before {
        content: "\e7dc"; /* arrow-left */
    }

    /* RTL Email List Container Scrolling */
    [dir="rtl"] .list-email {
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* RTL Splitter Pane Content - Prevent horizontal scroll issues */
    [dir="rtl"] .e-splitter .e-pane .e-pane-content {
        overflow: auto;
    }