html, body {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



a, .btn-link {

    color: #006bb7;

}



.btn-primary {

    color: #fff;

    background-color: #1b6ec2;

    border-color: #1861ac;

}



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {

  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;

}



.content {

    padding-top: 1.1rem;

}



h1:focus {

    outline: none;

}



.valid.modified:not([type=checkbox]) {

    outline: 1px solid #26b050;

}



.invalid {

    outline: 1px solid #e50000;

}



.validation-message {

    color: #e50000;

}



.blazor-error-boundary {

    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;

    padding: 1rem 1rem 1rem 3.7rem;

    color: white;

}



    .blazor-error-boundary::after {

        content: "An error has occurred."

    }



.darker-border-checkbox.form-check-input {

    border-color: #929292;

}





/* Generic toolbar styling for action buttons */

.app-toolbar {

  display: flex;

  align-items: center;

  gap: .5rem;

  padding: .25rem .5rem;

  background: var(--rz-panel-header-background-color, #f8f9fa);

  border: 1px solid var(--rz-panel-header-border-color, #e0e0e0);

  border-radius: .5rem;

}



/* Normalize Radzen button spacing inside toolbar */

.app-toolbar .rz-button {

  margin: 0;

}



 





 

  /* Rounded card look + subtle border/shadow */

  .card {

    border-radius: 12px;

    overflow: hidden;               /* ensures inner content respects the rounded corners */

    border: 1px solid #e0e0e0;

    box-shadow: 0 2px 8px rgba(0,0,0,.05);

    background: #fff;

  }



  .card > .card-header {

    background: #fff;

    border-bottom: 1px solid #e0e0e0;

    /* keep top corners rounded in case header sits above overflow area */

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

  }



  .card > .card-body {

    background: #fff;

  }



  .card > .card-footer {

    background: #fff;

    border-top: 1px solid #e0e0e0;

    border-bottom-left-radius: 12px;

    border-bottom-right-radius: 12px;

  }



  /* Optional: make Radzen grid inside the card blend with the card edges */

  .card .rz-data-grid,

  .card .rz-datatable,

  .card .rz-grid {

    border: 0;

    border-radius: 0;

  }

 

.rz-notification-container { z-index: 2000!important; }     /* above most headers */

.rz-notification { pointer-events: auto!important; }        /* make sure clicks are not swallowed */

.rz-notification { z-index: 2147483647!important;}

.blazored-toast-container { z-index: 2147483647 !important; }

.rz-context-menu { z-index: 2000!important; }

.rz-data-grid td { overflow: visible!important; }

/* Put this in a global css (e.g., wwwroot/app.css or site.css) */

.rz-dialog-mask { z-index: 1280 !important; }   /* backdrop */

.rz-dialog      { z-index: 1290 !important; }   /* modal itself */



/* Fix missing logo image error */

.app-header__logo .logo-src {

    background: none !important; /* Remove reference to missing logo-inverse.png */

}



/* Fix sidebar scrolling for long menus */

.scrollbar-sidebar {

    overflow-y: auto !important;

    overflow-x: hidden !important;

    height: calc(100vh - 70px) !important; /* Adjust based on header height */

    position: relative;

}



.app-sidebar__inner {

    min-height: 100%;

    position: relative !important;

    z-index: inherit !important;

}



/* CRITICAL FIX: Ensure sidebar is above main content to allow menu clicks */

.app-sidebar {

    z-index: 15 !important; /* Higher than app-main__outer (12) */

    pointer-events: auto !important; /* Ensure clicks are captured */

    position: relative !important;

}



.scrollbar-sidebar {

    z-index: 16 !important;

    pointer-events: auto !important;

    position: relative !important;

}



.rz-panel-menu {

    pointer-events: auto !important;

    position: relative !important;

    z-index: inherit !important;

}



.fixed-sidebar .app-main .app-main__outer {

    z-index: 9 !important; /* Lower than sidebar to allow clicks */

}



/* LTR - Explicitly ensure padding for sidebar space - Default for non-RTL */

.app-container.fixed-sidebar .app-main .app-main__outer {

    padding-left: 280px !important; /* Space for sidebar */

    padding-right: 0 !important;

    z-index: 9 !important;

}



.app-container.fixed-sidebar.closed-sidebar .app-main .app-main__outer {

    padding-left: 80px !important; /* Space for collapsed sidebar */

    padding-right: 0 !important;

    z-index: 9 !important;

}



/* Ensure RadzenPanelMenu items are properly contained */

.rz-panel-menu {

    max-height: none !important;

}



/* Smooth scrolling for sidebar */

.scrollbar-sidebar::-webkit-scrollbar {

    width: 6px;

}



.scrollbar-sidebar::-webkit-scrollbar-track {

    background: rgba(0, 0, 0, 0.05);

}



.scrollbar-sidebar::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.2);

    border-radius: 3px;

}



.scrollbar-sidebar::-webkit-scrollbar-thumb:hover {

    background: rgba(0, 0, 0, 0.3);

}



/* RTL Support for Arabic */

[dir="rtl"] {

    text-align: right;

    direction: rtl;

}



/* RTL Sidebar positioning */

[dir="rtl"] .app-sidebar {

    right: 0;

    left: auto;

}



[dir="rtl"] .app-sidebar .app-sidebar__inner {

    padding: 1rem 0rem 1rem 0.5rem;

}



/* RTL Main container - remove margins */

[dir="rtl"] .app-main {

    margin-right: 0px;

    margin-left: 0;

}



/* RTL Main outer container - Mirror LTR: left padding for content spacing, right is 0 because sidebar is on right */

[dir="rtl"] .app-container.fixed-sidebar .app-main .app-main__outer,

[dir="rtl"] .fixed-sidebar .app-main .app-main__outer {

    padding-left: 30px !important; /* Content spacing from left edge */

    padding-right: 0 !important; /* No padding on right (sidebar side) */

    z-index: 9 !important; /* Lower than sidebar (z-index: 11) to allow clicks */

}



[dir="rtl"] .app-container.fixed-sidebar.closed-sidebar .app-main .app-main__outer,

[dir="rtl"].fixed-sidebar.closed-sidebar .app-main .app-main__outer {

    padding-left: 30px !important; /* Content spacing from left edge */

    padding-right: 0 !important; /* No padding on right (collapsed sidebar side) */

    z-index: 9 !important; /* Lower than sidebar (z-index: 11) to allow clicks */

}



/* RTL Main content inner */

[dir="rtl"] .app-main__inner {

    padding-left: 30px !important;

    padding-right: 30px !important;

}



/* Fix row margins in RTL (Bootstrap override) */

[dir="rtl"] .row {

    margin-right: -15px !important;

    margin-left: -15px !important;

}



/* RTL Header adjustments */

[dir="rtl"].fixed-sidebar:not(.fixed-header) .app-header {

    margin-left: 0 !important;

    margin-right: 280px !important;

}



[dir="rtl"].fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header {

    margin-left: 0 !important;

    margin-right: 80px !important;

}



[dir="rtl"] .app-header__logo {

    margin-right: 0;

    margin-left: auto;

}



[dir="rtl"] .hamburger {

    margin-left: 0;

    margin-right: auto;

}



[dir="rtl"] .header__pane {

    margin-right: auto;

    margin-left: 0;

}



/* RTL Widget content */

[dir="rtl"] .widget-content-left {

    margin-right: 0;

    margin-left: 1rem;

}



[dir="rtl"] .widget-content-right {

    margin-left: 0;

    margin-right: auto;

}



/* RTL Header content */

[dir="rtl"] .app-header__content {

    margin-left: 0;

    margin-right: auto;

    justify-content: flex-start !important;

}



[dir="rtl"] .app-header-right {

    margin-left: 0 !important;

    margin-right: auto !important;

}



[dir="rtl"] .widget-content-wrapper {

    flex-direction: row-reverse;

}



/* RTL Header spacing between button and profile info */

[dir="rtl"] .widget-content-left.header-user-info {

    margin-left: 0 !important;

    margin-right: 1rem !important;

}



/* RTL Utility classes */

[dir="rtl"] .ml-3 {

    margin-left: 0 !important;

    margin-right: 1rem !important;

}



[dir="rtl"] .mr-3 {

    margin-right: 0 !important;

    margin-left: 1rem !important;

}



[dir="rtl"] .ml-auto {

    margin-left: 0 !important;

    margin-right: auto !important;

}



[dir="rtl"] .mr-auto {

    margin-right: 0 !important;

    margin-left: auto !important;

}



[dir="rtl"] .ps-3 {

    padding-left: 0 !important;

    padding-right: 1rem !important;

}



[dir="rtl"] .pe-3 {

    padding-right: 0 !important;

    padding-left: 1rem !important;

}



/* RTL Radzen Panel Menu - Minimal changes to preserve functionality */

[dir="rtl"] .rz-panel-menu {

    text-align: right;

}



/* Only adjust the icon spacing, don't interfere with flex layout */

[dir="rtl"] .rz-panel-menu-item-icon {

    margin-right: 0;

    margin-left: 0.5rem;

}



[dir="rtl"] .rz-panel-menu-item-text {

    text-align: right;

}



/* LTR - Ensure proper alignment for English */

[dir="ltr"] .rz-panel-menu,

.rz-panel-menu {

    text-align: left;

}



[dir="ltr"] .rz-navigation-item-icon-children,

.rz-navigation-item-icon-children {

    margin-left: auto !important;

    margin-right: 0 !important;

}



/* RTL for Radzen components */

[dir="rtl"] .rz-dropdown,

[dir="rtl"] .rz-textbox,

[dir="rtl"] .rz-password,

[dir="rtl"] .rz-dropdown-label {

    text-align: right;

    direction: rtl;

}



[dir="rtl"] .rz-dialog-title {

    text-align: right;

}



[dir="rtl"] .rz-stack {

    direction: rtl;

}



[dir="rtl"] .rz-button {

    direction: rtl;

}



/* RTL DataGrid/Table Support */

[dir="rtl"] .rz-datatable,

[dir="rtl"] .rz-grid,

[dir="rtl"] table {

    direction: rtl;

}



[dir="rtl"] .rz-datatable-table,

[dir="rtl"] .rz-grid-table {

    text-align: right;

}



[dir="rtl"] .rz-cell-data,

[dir="rtl"] .rz-datatable td,

[dir="rtl"] .rz-datatable th,

[dir="rtl"] .rz-grid td,

[dir="rtl"] .rz-grid th,

[dir="rtl"] table td,

[dir="rtl"] table th {

    text-align: right !important;

}



[dir="rtl"] .rz-sortable-column {

    padding-right: 1.5rem !important;

    padding-left: 0.5rem !important;

}



[dir="rtl"] .rz-sortable-column-icon {

    right: auto !important;

    left: 0.5rem !important;

}



[dir="rtl"] .rz-column-title {

    text-align: right;

}



/* RTL Pagination */

[dir="rtl"] .rz-paginator {

    direction: rtl;

}



[dir="rtl"] .rz-paginator-first,

[dir="rtl"] .rz-paginator-prev,

[dir="rtl"] .rz-paginator-next,

[dir="rtl"] .rz-paginator-last {

    transform: scaleX(-1);

}



[dir="rtl"] .rz-paginator .rz-paginator-pages {

    direction: rtl;

}



/* RTL Dropdown and Action Buttons */

[dir="rtl"] .rz-splitbutton-menubutton {

    border-left: 0;

    border-right: 1px solid rgba(0, 0, 0, 0.12);

}



[dir="rtl"] .rz-dropdown-panel {

    direction: rtl;

    text-align: right;

}



[dir="rtl"] .rz-dropdown-item {

    text-align: right;

}



[dir="rtl"] .rz-multiselect-item {

    text-align: right;

}



/* RTL Toolbar */

[dir="rtl"] .rz-toolbar {

    direction: rtl;

}



[dir="rtl"] .rz-toolbar-group {

    flex-direction: row-reverse;

}



/* RTL Form Fields */

[dir="rtl"] .rz-chkbox-box,

[dir="rtl"] .rz-radiobutton-box {

    margin-right: 0;

    margin-left: 0.5rem;

}



[dir="rtl"] .form-group label,

[dir="rtl"] .rz-field-label {

    text-align: right;

}



/* RTL Buttons and Icons */

[dir="rtl"] .btn-icon {

    margin-left: 0.5rem;

    margin-right: 0;

}



[dir="rtl"] .rz-button .rz-button-icon-left {

    margin-right: 0;

    margin-left: 0.5rem;

}



[dir="rtl"] .rz-button .rz-button-icon-right {

    margin-left: 0;

    margin-right: 0.5rem;

}



/* RTL Breadcrumb */

[dir="rtl"] .breadcrumb {

    direction: rtl;

}



[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {

    padding-right: 0;

    padding-left: 0.5rem;

    content: "/" !important;

}



/* RTL Card and Panels */

[dir="rtl"] .card-body,

[dir="rtl"] .rz-panel-content {

    text-align: right;

}



/* RTL Input Groups */

[dir="rtl"] .input-group-text {

    text-align: right;

}



[dir="rtl"] .input-group > :not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;

}



[dir="rtl"] .input-group > :not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;

}



/* RTL Page Content and Inner Container */

[dir="rtl"] .app-main__inner {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



/* RTL Container and Row spacing */

[dir="rtl"] .container-fluid {

    padding-right: 15px;

    padding-left: 15px;

}



[dir="rtl"] .row {

    margin-right: -15px;

    margin-left: -15px;

}



/* RTL Column padding */

[dir="rtl"] [class*="col-"] {

    padding-right: 15px;

    padding-left: 15px;

}



/* RTL Card spacing */

[dir="rtl"] .card {

    margin-right: 0;

    margin-left: 0;

}



[dir="rtl"] .card-body {

    padding: 1.25rem;

}



[dir="rtl"] .card-header {

    padding: 0.75rem 1.25rem;

}



/* RTL Page header/title spacing */

[dir="rtl"] .page-title-wrapper {

    padding-right: 0;

    padding-left: 0;

}



[dir="rtl"] .page-title-heading {

    text-align: right;

}



/* RTL Margin utilities override */

[dir="rtl"] .mb-3 {

    margin-bottom: 1rem !important;

}



[dir="rtl"] .mb-4 {

    margin-bottom: 1.5rem !important;

}



[dir="rtl"] .mt-3 {

    margin-top: 1rem !important;

}



[dir="rtl"] .mt-4 {

    margin-top: 1.5rem !important;

}



/* RTL Padding utilities */

[dir="rtl"] .p-3 {

    padding: 1rem !important;

}



[dir="rtl"] .p-4 {

    padding: 1.5rem !important;

}



[dir="rtl"] .px-3 {

    padding-right: 1rem !important;

    padding-left: 1rem !important;

}



[dir="rtl"] .px-4 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important;

}



[dir="rtl"] .py-3 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important;

}



[dir="rtl"] .py-4 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important;

}



/* RTL Float utilities */

[dir="rtl"] .float-right {

    float: left !important;

}



[dir="rtl"] .float-left {

    float: right !important;

}



[dir="rtl"] .float-end {

    float: left !important;

}



[dir="rtl"] .float-start {

    float: right !important;

}



/* RTL Text alignment override */

[dir="rtl"] .text-left {

    text-align: right !important;

}



[dir="rtl"] .text-right {

    text-align: left !important;

}



[dir="rtl"] .text-start {

    text-align: right !important;

}



[dir="rtl"] .text-end {

    text-align: left !important;

}



/* RTL Flexbox utilities */

[dir="rtl"] .justify-content-start {

    justify-content: flex-end !important;

}



[dir="rtl"] .justify-content-end {

    justify-content: flex-start !important;

}



[dir="rtl"] .align-items-start {

    align-items: flex-end !important;

}



[dir="rtl"] .align-items-end {

    align-items: flex-start !important;

}



/* RTL Border radius for cards and panels */

[dir="rtl"] .rounded-left {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

    border-top-right-radius: 0.25rem !important;

    border-bottom-right-radius: 0.25rem !important;

}



[dir="rtl"] .rounded-right {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important;

    border-top-left-radius: 0.25rem !important;

    border-bottom-left-radius: 0.25rem !important;

}



/* RTL List items */

[dir="rtl"] .list-group-item {

    text-align: right;

}



[dir="rtl"] ul, 

[dir="rtl"] ol {

    padding-right: 0rem;

    padding-left: 0;

}



/* RTL Horizontal rule */

[dir="rtl"] hr {

    margin-left: 0;

    margin-right: 0;

}



/* RTL Heading elements */

[dir="rtl"] h1,

[dir="rtl"] h2,

[dir="rtl"] h3,

[dir="rtl"] h4,

[dir="rtl"] h5,

[dir="rtl"] h6,

[dir="rtl"] .h1,

[dir="rtl"] .h2,

[dir="rtl"] .h3,

[dir="rtl"] .h4,

[dir="rtl"] .h5,

[dir="rtl"] .h6 {

    text-align: right;

    direction: rtl;

}



/* RTL Modal content */

[dir="rtl"] .modal-header {

    text-align: right;

}



[dir="rtl"] .modal-body {

    text-align: right;

}



[dir="rtl"] .modal-footer {

    justify-content: flex-start;

}



[dir="rtl"] .modal-footer > * {

    margin-left: 0;

    margin-right: 0.25rem;

}



/* RTL Alert messages */

[dir="rtl"] .alert {

    text-align: right;

}



/* RTL Badge positioning */

[dir="rtl"] .badge {

    margin-left: 0.25rem;

    margin-right: 0;

}



/* RTL Progress bar */

[dir="rtl"] .progress-bar {

    right: 0;

    left: auto;

}



/* RTL Dashboard Card Styles */

[dir="rtl"] .widget-numbers,

[dir="rtl"] .widget-content-outer,

[dir="rtl"] .widget-content {

    text-align: right !important;

    direction: rtl !important;

}



[dir="rtl"] .widget-content-wrapper {

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

}



[dir="rtl"] .widget-content-left {

    margin-left: 1rem;

    margin-right: 0 !important;

}



[dir="rtl"] .widget-content-right {

    margin-right: 1rem;

    margin-left: 0 !important;

}



[dir="rtl"] .widget-numbers {

    font-weight: bold;

}



[dir="rtl"] .widget-heading,

[dir="rtl"] .widget-subheading {

    text-align: right !important;

}



/* RTL Icon positioning in widgets */

[dir="rtl"] .widget-content .icon-wrapper {

    margin-left: 1rem;

    margin-right: 0;

}



/* RTL Card grid spacing */

[dir="rtl"] .card-shadow-primary,

[dir="rtl"] .card-shadow-success,

[dir="rtl"] .card-shadow-danger,

[dir="rtl"] .card-shadow-warning,

[dir="rtl"] .card-shadow-info {

    border-right: 0;

    border-left: 4px solid;

}



/* RTL Grid columns spacing */

[dir="rtl"] [class*="col-"] {

    padding-right: 15px !important;

    padding-left: 15px !important;

}



/* RTL Dashboard specific */

[dir="rtl"] .app-page-title {

    text-align: right;

    direction: rtl;

}



[dir="rtl"] .page-title-wrapper {

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

}



[dir="rtl"] .page-title-heading {

    margin-right: 0;

    margin-left: 1rem;

}



[dir="rtl"] .page-title-icon {

    margin-right: 0;

    margin-left: 1rem;

}



/* RTL Number formatting */

[dir="rtl"] .widget-numbers:before,

[dir="rtl"] .widget-numbers:after {

    margin-left: 0.25rem;

    margin-right: 0;

}



/* ========================================

   CRITICAL LAYOUT FIXES - MUST BE LAST

   ======================================== */



/* LTR: Sidebar on LEFT, content padded on LEFT */

html:not([dir="rtl"]) .app-container.fixed-sidebar .app-main .app-main__outer {

    padding-left: 10px !important;

    padding-right: 0 !important;

    z-index: 9 !important;

}



html:not([dir="rtl"]) .app-container.fixed-sidebar.closed-sidebar .app-main .app-main__outer {

    padding-left: 10px !important;

    padding-right: 0 !important;

    z-index: 9 !important;

}



/* RTL: Sidebar on RIGHT, content padded on LEFT (for spacing from edge) */

html[dir="rtl"] .app-container.fixed-sidebar .app-main .app-main__outer {

    padding-left: 20px !important;

    padding-right: 20px !important;

    z-index: 9 !important;

}



html[dir="rtl"] .app-container.fixed-sidebar.closed-sidebar .app-main .app-main__outer {

    padding-left: 20px !important;

    padding-right: 20px !important;

    z-index: 9 !important;

}