/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-fh8i7spyup] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-fh8i7spyup] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Shared/Reporting/Dashboard.razor.rz.scp.css */
/* ==========================================================================
   ۱. مهار سلول و ویجت در GridStack (الزامی برای جلوگیری از شکست چیدمان)
   ========================================================================== */

/* ویجت دقیقاً به ابعاد سلول فیت می‌شود */
.crm-dashboard-widget[b-qufg9tlzmt] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* افکت بصری ویجت در حالت ویرایش */
.widget-edit-mode[b-qufg9tlzmt] {
    border: 1.5px dashed rgba(158, 158, 158, 0.75) !important;
    border-radius: 8px; /* هماهنگ با انحنای کارت‌های MudBlazor */
    cursor: grab;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* در زمان هاور یا درگ */
.widget-edit-mode:hover[b-qufg9tlzmt] {
    border-color: rgba(117, 117, 117, 0.95) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.widget-edit-mode:active[b-qufg9tlzmt] {
    cursor: grabbing;
}

/* رنگ دستگیره Resize در گوشه ویجت (طوسی مات) */
[b-qufg9tlzmt] .ui-resizable-handle {
    opacity: 0.6;
    filter: grayscale(100%);
    transition: opacity 0.2s ease;
}

[b-qufg9tlzmt] .ui-resizable-handle:hover {
    opacity: 1;
}

/* /Components/Shared/Reporting/ReportKpi.razor.rz.scp.css */
/* ساختار اصلی کارت */
.crm-kpi-card[b-i0bhcnxvgw] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
}

.crm-kpi-header[b-i0bhcnxvgw] {
    flex: 0 0 auto;
}

.crm-kpi-value[b-i0bhcnxvgw] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

.crm-kpi-variance[b-i0bhcnxvgw] {
    flex: 0 0 auto;
}

/* متن سنتر شده نرخ هدف */
.crm-kpi-target[b-i0bhcnxvgw] {
    flex: 0 0 auto;
    text-align: center;
    direction: rtl;
    line-height: 1.2;
}
/* /Components/Shared/Reporting/WidgetGalleryListDialog.razor.rz.scp.css */
.dlg-body[b-jzsmtdvf4v] {
    min-height: min(450px, 70vh);
    max-height: 75vh;
}

.widget-thumbnail[b-jzsmtdvf4v] {
    overflow: hidden;
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
    padding: 8px;
    text-align: center;
}

[b-jzsmtdvf4v] .widget-thumbnail-img {
    width: 48px !important;
    height: 48px !important;
}

[b-jzsmtdvf4v] .widget-card:hover {
    background-color: rgb(128, 128, 128, 0.20) !important;
}

[b-jzsmtdvf4v] .widget-card-selected {
    background-color: rgb(79, 79, 79, 0.30) !important;
}