/* AWDACO MIS — RTL layout for Dari (fa) and Pashto (ps) */

html[dir="rtl"],
html.rtl,
html[dir="rtl"],
html[dir="rtl"] {
    direction: rtl;
    text-align: start;
}

html[dir="rtl"] .fi-body,
html[dir="rtl"] .fi-layout,
html[dir="rtl"] .fi-main,
html[dir="rtl"] .fi-page,
html.rtl .fi-body,
html[dir="rtl"] .fi-body,
html[dir="rtl"] .fi-body {
    direction: rtl;
}

html[dir="rtl"] .fi-dropdown-list-item-label,
html.rtl .fi-dropdown-list-item-label,
html[dir="rtl"] .fi-dropdown-list-item-label,
html[dir="rtl"] .fi-dropdown-list-item-label {
    text-align: right !important;
    justify-content: flex-end !important;
}

html[dir="rtl"] .fi-select-input,
html[dir="rtl"] .fi-fo-select .fi-input,
html[dir="rtl"] .fi-input-wrp,
html[dir="rtl"] .fi-select-input,
html[dir="rtl"] .fi-select-input {
    text-align: right;
}

html[dir="rtl"] .mis-dashboard-filter-panel .fi-fo-field-wrp-label,
html[dir="rtl"] .mis-dashboard-filter-panel .fi-fo-placeholder,
html[dir="rtl"] .mis-dashboard-filter-panel .fi-fo-field-wrp-label,
html[dir="rtl"] .mis-dashboard-filter-panel .fi-fo-field-wrp-label {
    text-align: right;
}

/* In Dari/Pashto the theme's position:fixed sidebar breaks scrolling.
   Keep it in normal page flow on the right, like a regular Filament sidebar. */
@media (min-width: 1024px) {
    html[dir="rtl"] .fi-layout,
    html.rtl .fi-layout,
    html[dir="rtl"] .fi-layout,
    html[dir="rtl"] .fi-layout {
        direction: rtl !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }

    html[dir="rtl"] .fi-sidebar,
    html[dir="rtl"] .fi-sidebar.fi-sidebar-open,
    html[dir="rtl"] .fi-main-sidebar,
    html.rtl .fi-sidebar,
    html.rtl .fi-sidebar.fi-sidebar-open,
    html.rtl .fi-main-sidebar,
    html[dir="rtl"] .fi-sidebar,
    html[dir="rtl"] .fi-sidebar.fi-sidebar-open,
    html[dir="rtl"] .fi-main-sidebar,
    html[dir="rtl"] .fi-sidebar,
    html[dir="rtl"] .fi-sidebar.fi-sidebar-open,
    html[dir="rtl"] .fi-main-sidebar {
        position: sticky !important;
        top: 0 !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        inset: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
        width: 18.5rem !important;
        flex: 0 0 18.5rem !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        direction: rtl !important;
        text-align: right !important;
        border-right: 0 !important;
        border-left: 1px solid rgba(148, 163, 184, 0.18) !important;
        box-shadow: -10px 0 26px rgba(17, 21, 47, 0.16) !important;
        overflow: hidden !important;
    }

    html[dir="rtl"] .fi-sidebar-nav,
    html.rtl .fi-sidebar-nav,
    html[dir="rtl"] .fi-sidebar-nav,
    html[dir="rtl"] .fi-sidebar-nav {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html[dir="rtl"] .fi-main-ctn,
    html.rtl .fi-main-ctn,
    html[dir="rtl"] .fi-main-ctn,
    html[dir="rtl"] .fi-main-ctn {
        direction: rtl !important;
        text-align: start;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }

    html[dir="rtl"] .fi-sidebar.fi-sidebar-collapsed,
    html[dir="rtl"] .fi-main-sidebar:not(.fi-sidebar-open),
    html.rtl .fi-sidebar.fi-sidebar-collapsed,
    html[dir="rtl"] .fi-sidebar.fi-sidebar-collapsed,
    html[dir="rtl"] .fi-sidebar.fi-sidebar-collapsed {
        width: 5.65rem !important;
        flex-basis: 5.65rem !important;
    }
}

html[dir="rtl"] .fi-sidebar-nav,
html[dir="rtl"] .fi-sidebar-group-btn,
html[dir="rtl"] .fi-sidebar-item-btn,
html[dir="rtl"] .fi-sidebar-item-label,
html[dir="rtl"] .fi-sidebar-group-label,
html[dir="rtl"] .fi-sidebar-nav,
html[dir="rtl"] .fi-sidebar-nav {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .fi-sidebar-item-label,
html[dir="rtl"] .fi-sidebar-group-label,
html[dir="rtl"] .fi-sidebar-item-label,
html[dir="rtl"] .fi-sidebar-item-label {
    text-align: right !important;
}

html[dir="rtl"] .fi-sidebar-item a::before,
html[dir="rtl"] .fi-sidebar-item button::before,
html.rtl .fi-sidebar-item a::before,
html[dir="rtl"] .fi-sidebar-item a::before,
html[dir="rtl"] .fi-sidebar-item a::before {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .fi-topbar-end,
html.rtl .fi-topbar-end,
html[dir="rtl"] .fi-topbar-end,
html[dir="rtl"] .fi-topbar-end {
    margin-inline-start: auto !important;
}

html[dir="rtl"] .sys-settings__layout,
html[dir="rtl"] .mis-ops-toolbar,
html[dir="rtl"] .apm-search-row,
html[dir="rtl"] .sys-settings__layout,
html[dir="rtl"] .sys-settings__layout {
    direction: rtl;
}