/* =========================================================
   ۳) استایل‌های عمومی/مشترک (Global/Shared Styles)
   هدف: یکدست‌سازی پس‌زمینه و کادرها مطابق تم تاریک
   وابستگی: به متغیرهای --tbl-* که در بخش ۱ تعریف شده‌اند
   ========================================================= */
.tabulator,
.tabulator-row,
.tabulator-page,
.tabulator-menu,
.subTableHolder .tabulator-row,
.subTableHolder .tabulator-row .tabulator-cell,
.dx-input,
.search-input {
    background-color: var(--tbl-bg-primary) !important;
}

.tabulator,
.tabulator-header-filter input,
.tabulator-page,
.tabulator-menu,
.dx-input,
.search-input {
    border: 1px solid var(--tbl-border) !important;
}

    .tabulator-col-title,
    .tabulator .tabulator-row .tabulator-cell,
    .tabulator-page,
    .tabulator-menu,
    .dx-btn,
    #ledgerDrawer,
    .toolbar,
    #selectedAmountSummary {
        color: var(--tbl-text-main) !important;
    }


/* بازتعریف متغیرهای تم تیره با غلظت کمتر (خاکستری تیره) */
#membersTable {
    --tbl-bg-primary: #353b48 !important; /* این رنگ را تغییر بده تا به روشنی دلخواه برسی */
}

    /* اعمال مستقیم روی اجزای جدول برای اطمینان از تغییر */
    #membersTable .tabulator,
    #membersTable .tabulator-row,
    #membersTable .tabulator-header,
    #membersTable .tabulator-tableholder {
        background-color: var(--tbl-bg-primary) !important;
    }