/* ۱. تنظیم جهت کلی بدنه */
body {
    direction: rtl !important;
}

/* ۲. اصلاح چیدمان محتوای اصلی (قرار دادن فیلتر در سمت راست) */
#changelist {
    display: flex !important;
    flex-direction: row !important; /* فیلتر در راست، لیست در چپ */
    align-items: flex-start;
}

/* ۳. استایل دقیق باکس فیلتر */
#changelist-filter {
    position: static !important;
    order: 1 !important; /* اولویت اول در سمت راست */
    width: 240px !important;
    background: #1a1a1a !important; /* هماهنگ با تم دارک شما */
    border-left: 1px solid #333 !important;
    border-right: none !important;
    margin: 0 0 0 20px !important;
    text-align: right !important;
}

#changelist-filter h2 {
    text-align: right !important;
    padding: 10px !important;
}

/* ۴. استایل بخش جدول لیست محصولات */
#changelist-form {
    order: 2 !important; /* بعد از فیلتر قرار بگیرد */
    flex-grow: 1;
    width: auto !important;
}

/* ۵. اصلاح ستون‌های جدول (Result List) */
#result_list {
    width: 100% !important;
    direction: rtl !important;
}

#result_list th, #result_list td {
    text-align: right !important;
    padding: 12px 15px !important;
}

/* اصلاح جهت اعداد قیمت برای خوانایی بهتر */
.field-price {
    direction: ltr !important;
    text-align: right !important;
}

/* ۶. اصلاح نوار اکشن (Action Bar) بالای جدول */
.actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center;
    gap: 10px;
    padding: 10px !important;
    background: #222 !important;
    margin-bottom: 10px !important;
}

/* ۷. اصلاح هدر (Breadcrumbs و Titles) */
.breadcrumbs {
    text-align: right !important;
}

#content h1 {
    text-align: right !important;
    margin-bottom: 20px !important;
}

.object-tools {
    float: left !important; /* دکمه ADD محصول برود سمت چپ */
    margin-top: -50px !important;
}