/* Afrandeh — گزارشساز BI (Pivot + Charts) — بازطراحی بصری هماهنگ با design-tokens.css، بدون تم جدید */

:root {
    --bidash-radius-sm: var(--afr-radius-sm, 6px);
    --bidash-radius-md: var(--afr-radius-md, 10px);
    --bidash-radius-lg: var(--afr-radius-lg, 14px);
    --bidash-shadow-sm: var(--afr-shadow-sm, 0 1px 2px rgba(0, 140, 206, 0.06));
    --bidash-shadow-md: var(--afr-shadow-md, 0 4px 12px rgba(0, 140, 206, 0.08));
    --bidash-transition: 0.18s ease;

    --bidash-accent: var(--afr-brand-primary, var(--mud-palette-primary));
    --bidash-secondary: var(--mud-palette-secondary);
    --bidash-danger: var(--afr-brand-error, var(--mud-palette-error));
    --bidash-danger-soft: rgba(var(--afr-brand-accent-rgb, 243, 59, 74), 0.1);
    --bidash-warn: var(--afr-brand-warning, var(--mud-palette-warning));

    --bidash-surface: var(--mud-palette-surface);
    --bidash-surface-alt: var(--afr-surface-muted, var(--mud-palette-background-gray));
    --bidash-surface-elevated: color-mix(in srgb, var(--mud-palette-surface) 94%, var(--afr-text, #000) 6%);
    --bidash-border: var(--mud-palette-lines-default);
    --bidash-text: var(--mud-palette-text-primary);
    --bidash-text-muted: var(--mud-palette-text-secondary);

    --bidash-row-stripe: color-mix(in srgb, var(--bidash-text) 3%, transparent);
    --bidash-row-border: color-mix(in srgb, var(--bidash-border) 70%, transparent);
}

.mud-theme-dark {
    --bidash-shadow-sm: var(--afr-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.35));
    --bidash-shadow-md: var(--afr-shadow-md, 0 10px 28px rgba(0, 0, 0, 0.4));
    --bidash-surface-alt: color-mix(in srgb, var(--mud-palette-surface) 88%, #000);
    --bidash-surface-elevated: color-mix(in srgb, var(--mud-palette-surface) 90%, #fff 10%);
    --bidash-row-stripe: color-mix(in srgb, #fff 3%, transparent);
}

/* ===== عنوان صفحه ===== */

.bi-dashboard-report__title {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--bidash-text);
    padding-bottom: 16px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--bidash-border);
}

/* ===== بنر بازگشت (حالت خارجی) ===== */

.bi-dashboard-report__banner.mud-paper {
    padding: 12px 18px !important;
    border-radius: var(--bidash-radius-md) !important;
    border: 1px solid color-mix(in srgb, var(--bidash-warn) 35%, var(--bidash-border)) !important;
    background: color-mix(in srgb, var(--bidash-warn) 8%, var(--bidash-surface)) !important;
    box-shadow: none !important;
}

.bi-dashboard-report__banner .mud-typography {
    color: var(--bidash-text);
}

/* ===== کارت عمومی ===== */

.bi-dashboard-report__card.mud-paper {
    border-radius: var(--bidash-radius-lg) !important;
    border: 1px solid var(--bidash-border) !important;
    background: var(--bidash-surface) !important;
    box-shadow: var(--bidash-shadow-sm) !important;
}

/* ===== دکمه‌ها ===== */

.bi-dashboard-report__btn-primary.mud-button-root {
    height: 44px;
    border-radius: var(--bidash-radius-md) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--bidash-accent) 28%, transparent);
}

.bi-dashboard-report__btn-outline-accent.mud-button-root {
    height: 44px;
    border-radius: var(--bidash-radius-md) !important;
    font-weight: 600 !important;
}

.bi-dashboard-report__btn-outline-danger.mud-button-root {
    height: 44px;
    border-radius: var(--bidash-radius-md) !important;
    font-weight: 600 !important;
}

/* ===== ورودی‌ها ===== */

.bi-dashboard-report__select .mud-input-outlined,
.bi-dashboard-report__input .mud-input-outlined {
    border-radius: var(--bidash-radius-md) !important;
    background: var(--bidash-surface-elevated);
}

/* ===== استخر فیلدها ===== */

.bi-dashboard-report__field-pool.mud-paper {
    padding: 18px 20px !important;
    border-radius: var(--bidash-radius-lg) !important;
    border: 1px solid var(--bidash-border) !important;
    background: var(--bidash-surface) !important;
    box-shadow: none !important;
}

.bi-dashboard-report__field-chip.mud-paper {
    padding: 8px 14px !important;
    border-radius: var(--bidash-radius-md) !important;
    border: 1.5px solid var(--bidash-border) !important;
    background: var(--bidash-surface-alt) !important;
    color: var(--bidash-text-muted);
    font-weight: 500;
    box-shadow: none !important;
    transition: border-color var(--bidash-transition), background var(--bidash-transition), color var(--bidash-transition);
}

.bi-dashboard-report__field-chip--row-active.mud-paper {
    border-color: var(--bidash-accent) !important;
    background: color-mix(in srgb, var(--bidash-accent) 12%, var(--bidash-surface)) !important;
    color: var(--bidash-accent);
    font-weight: 700;
}

.bi-dashboard-report__field-chip--col-active.mud-paper {
    border-color: var(--bidash-secondary) !important;
    background: color-mix(in srgb, var(--bidash-secondary) 12%, var(--bidash-surface)) !important;
    color: var(--bidash-secondary);
    font-weight: 700;
}

.bi-dashboard-report__field-chip--row-active.bi-dashboard-report__field-chip--col-active.mud-paper {
    border-color: var(--bidash-accent) !important;
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--bidash-accent) 14%, var(--bidash-surface)) 0%,
            color-mix(in srgb, var(--bidash-secondary) 14%, var(--bidash-surface)) 100%
        ) !important;
}

/* ===== منطقه‌ی هدف (فیلدهای ردیف/ستون) ===== */

.bi-dashboard-report__target-zone.mud-paper {
    padding: 14px 16px !important;
    border-radius: var(--bidash-radius-md) !important;
    border: 1px dashed var(--bidash-border) !important;
    background: var(--bidash-surface-alt) !important;
    box-shadow: none !important;
}

/* ===== نشان تعداد نتیجه ===== */

.bi-dashboard-report__result-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--bidash-text-muted);
    background: var(--bidash-surface-elevated);
    border: 1px solid var(--bidash-border);
    border-radius: var(--afr-radius-pill, 999px);
    padding: 3px 10px;
    margin-inline-start: 10px;
}

/* ===== جدول نتایج ===== */

.bi-dashboard-report__table.mud-table-container,
.bi-dashboard-report__table .mud-table-container {
    border-radius: var(--bidash-radius-md);
    overflow: hidden;
    border: 1px solid var(--bidash-border);
}

.bi-dashboard-report__table thead tr {
    background: var(--bidash-surface-alt) !important;
}

.bi-dashboard-report__table thead th {
    color: var(--bidash-text-muted) !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    border-bottom: 1px solid var(--bidash-border) !important;
}

.bi-dashboard-report__table tbody tr {
    border-bottom: 1px solid var(--bidash-row-border);
}

.bi-dashboard-report__table tbody tr:nth-child(even) {
    background: var(--bidash-row-stripe);
}

.bi-dashboard-report__table .bi-dashboard-report__totals-row,
.bi-dashboard-report__table .bi-dashboard-report__totals-row:nth-child(even) {
    background: color-mix(in srgb, var(--bidash-accent) 10%, var(--bidash-surface)) !important;
}

.bi-dashboard-report__table .bi-dashboard-report__totals-row td {
    border-top: 2px solid var(--bidash-accent) !important;
    color: var(--bidash-accent) !important;
}

/* ===== کارت نمودار ===== */

.bi-dashboard-report__chart-card.mud-paper {
    border-radius: var(--bidash-radius-lg) !important;
    border: 1px solid var(--bidash-border) !important;
    background: var(--bidash-surface) !important;
    box-shadow: var(--bidash-shadow-sm) !important;
    padding: 24px 28px !important;
}

@media (prefers-reduced-motion: reduce) {
    .bi-dashboard-report__field-chip {
        transition: none;
    }
}
