@font-face {
    font-family: 'IRANSansXFaNum';
    src: url('IRANSansXFaNum-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, * {
  font-family: 'IRANSansXFaNum', sans-serif !important;
}

header {
 direction: rtl;
}

body {
  #direction: rtl;
  text-align: right;
background-color: black;
}

/* پشتیبانی بهتر از جدول‌ها و کارت‌ها در متابیس */
.MuiTable-root,
table {
 # direction: rtl;
  text-align: right;
}

.MuiTypography-root,
.dashboard,
.Card {
  #direction: rtl;
  text-align: right;
}

.react-grid-item > .react-grid-item {
    /* 
     * یک حاشیه 8 پیکسلی به همه طرف کارت اضافه می‌کند.
     * این کار عملاً یک فاصله 16 پیکسلی بین دو کارت مجاور ایجاد می‌کند (8px از این کارت + 8px از کارت کناری).
     * شما می‌توانید این مقدار را به دلخواه تغییر دهید.
    */
    margin: 8px !important;

    /*
     * بسیار مهم: وقتی margin اضافه می‌کنیم، باید اندازه خود کارت را کوچک کنیم
     * تا از کانتینر خود بیرون نزند و लेアウト را به هم نریزد.
     * از calc() برای کم کردن مجموع marginهای عمودی و افقی استفاده می‌کنیم.
    */
    height: calc(100% - 16px) !important; /* 100% ارتفاع منهای (8px بالا + 8px پایین) */
    width: calc(100% - 16px) !important;  /* 100% عرض منهای (8px چپ + 8px راست) */
}

footer {
    visibility: hidden;
}


[data-testid="legend-caption"] {
direction:rtl;
}




[data-testid="dashboard-parameters-widget-container"] {
direction:rtl;
}