/**
 * Additive RTL for design-system classes
 * Existing public/css/rtl.css remains the base RTL layer
 */

html[dir="rtl"] body:not(.lockscreen) aside.side-bar {
    border-inline-end: 1px solid var(--border);
    border-left: none;
}

html[dir="rtl"] .ds-header-inner {
    flex-direction: row;
}

html[dir="rtl"] .ds-page-header {
    text-align: right;
}

html[dir="rtl"] .ds-stat-card {
    text-align: right;
}

html[dir="rtl"] .ds-filter-bar {
    flex-direction: row;
}

html[dir="rtl"] body:not(.lockscreen) .input-group-addon {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

html[dir="rtl"] .small-view-side-active {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .ds-header details ul[role="menu"] {
    left: auto;
    right: 0;
}