/* =============================================================================
   داشبوردها — نمودار، جدول و فرم — سازگار با تم روشن/تاریک
   ============================================================================= */

:root {
    --dash-chart-text: #475569;
    --dash-chart-grid: rgba(15, 23, 42, 0.1);
    --dash-chart-tooltip-bg: #ffffff;
    --dash-chart-tooltip-text: #0f172a;
    --dash-legend-label: var(--theme-text-primary, #0f172a);
    --dash-legend-muted: var(--theme-text-secondary, #64748b);
    --dash-legend-num: var(--theme-primary, #2563eb);
    --dash-panel-bg: var(--ps-surface, #ffffff);
    --dash-panel-border: var(--ps-border, rgba(15, 23, 42, 0.08));
    --dash-filter-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
    --dash-section-accent: var(--theme-primary, #2563eb);
}

[data-theme="dark"] {
    --dash-chart-text: #cbd5e1;
    --dash-chart-grid: rgba(255, 255, 255, 0.12);
    --dash-chart-tooltip-bg: #1e293b;
    --dash-chart-tooltip-text: #f1f5f9;
    --dash-legend-label: var(--theme-text-primary, #f1f5f9);
    --dash-legend-muted: rgba(241, 245, 249, 0.72);
    --dash-legend-num: var(--theme-primary-light, #93c5fd);
    --dash-panel-bg: var(--ps-surface, #1a2332);
    --dash-panel-border: rgba(255, 255, 255, 0.1);
    --dash-filter-bg: linear-gradient(145deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.92));
    --dash-section-accent: var(--theme-primary-light, #60a5fa);
}

/* ─── نمودار MudBlazor — متن و خطوط محور ─────────────────────────────────── */
.home-page-wrapper .mud-chart svg text,
.mgr-page .mud-chart svg text,
.cost-page .mud-chart svg text,
.hatching-home-page .mud-chart svg text {
    fill: var(--dash-chart-text) !important;
    font-family: 'IRANSans', Tahoma, sans-serif !important;
    font-size: 11px !important;
}

.home-page-wrapper .mud-chart svg line,
.mgr-page .mud-chart svg line,
.cost-page .mud-chart svg line,
.hatching-home-page .mud-chart svg line {
    stroke: var(--dash-chart-grid) !important;
}

.home-donut-chart svg path,
.ht-donut-chart svg path,
.dash-chart svg path:not(.mud-chart-bar),
.mgr-pie-wrap svg path,
.cost-page .mud-chart svg path:not(.mud-chart-bar) {
    stroke: var(--dash-panel-bg);
    stroke-width: 1.5px;
}

[data-theme="dark"] .home-donut-chart svg path,
[data-theme="dark"] .ht-donut-chart svg path,
[data-theme="dark"] .dash-chart svg path:not(.mud-chart-bar),
[data-theme="dark"] .mgr-pie-wrap svg path,
[data-theme="dark"] .cost-page .mud-chart svg path:not(.mud-chart-bar) {
    stroke: var(--dash-panel-bg);
}

/* ─── راهنمای نمودار (legend) — یکپارچه ─────────────────────────────────── */
.home-chart-legend__label,
.ht-chart-legend__label,
.mgr-chart-legend,
.cost-breakdown-legend__label {
    color: var(--dash-legend-label) !important;
}

.home-chart-legend__pct,
.ht-chart-legend__pct,
.home-chart-legend__num,
.ht-chart-legend__num {
    color: var(--dash-legend-num) !important;
    font-variant-numeric: tabular-nums;
}

.home-chart-card__subtitle,
.ht-chart-card__subtitle,
.mgr-chart-hint,
.cost-breakdown-legend__pct {
    color: var(--dash-legend-muted) !important;
}

/* ─── کارت نمودار — پس‌زمینه یکپارچه ─────────────────────────────────────── */
.home-chart-card,
.ht-chart-card,
.mgr-chart-panel,
.cost-page .cost-amort-chart-box,
.cost-page .cost-breakdown-chart {
    background: var(--dash-panel-bg) !important;
    border: 1px solid var(--dash-panel-border) !important;
}

/* ─── نوار فیلتر داشبورد ─────────────────────────────────────────────────── */
.home-filter-bar,
.mgr-page .mgr-filter-bar,
.cost-page .cost-selection-banner,
.hatching-home-page .dash-hatchery-select {
    border-color: var(--dash-panel-border);
}

.home-filter-bar {
    background: var(--dash-filter-bg) !important;
}

/* ─── جداول داشبورد ─────────────────────────────────────────────────────── */
.mgr-page .mgr-table-wrap .mud-table,
.mgr-page .mgr-mort-table-panel .mud-table,
.home-page-wrapper .home-table-panel .mud-table,
.cost-page .cost-dash-table .mud-table,
.hatching-home-page .dash-table-panel .mud-table {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--dash-panel-border) !important;
}

.mgr-page .mgr-table-wrap .mud-table tbody tr:nth-child(even),
.home-page-wrapper .home-table-panel .mud-table tbody tr:nth-child(even),
.cost-page .cost-dash-table .mud-table tbody tr:nth-child(even) {
    background: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.03);
}

[data-theme="dark"] .mgr-page .mgr-table-wrap .mud-table tbody tr:nth-child(even),
[data-theme="dark"] .home-page-wrapper .home-table-panel .mud-table tbody tr:nth-child(even),
[data-theme="dark"] .cost-page .cost-dash-table .mud-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.03);
}

.mgr-page .mgr-table-wrap .mud-table tbody tr:hover,
.home-page-wrapper .home-table-panel .mud-table tbody tr:hover,
.cost-page .cost-dash-table .mud-table tbody tr:hover {
    background: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.08) !important;
}

[data-theme="dark"] .mgr-page .mgr-table-wrap .mud-table tbody tr:hover,
[data-theme="dark"] .home-page-wrapper .home-table-panel .mud-table tbody tr:hover,
[data-theme="dark"] .cost-page .cost-dash-table .mud-table tbody tr:hover {
    background: rgba(var(--theme-primary-rgb, 59, 130, 246), 0.12) !important;
}

/* ─── هدر داشبورد بهای تمام‌شده ─────────────────────────────────────────── */
.cost-page .cost-header-paper {
    background: var(--theme-gradient-primary) !important;
    color: var(--theme-appbar-text, #fff) !important;
    border-radius: 16px !important;
    padding: 1.25rem 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 12px 32px rgba(var(--theme-primary-rgb, 37, 99, 235), 0.25) !important;
}

.cost-page .cost-header-paper .mud-typography,
.cost-page .cost-header-paper .mud-typography-h5,
.cost-page .cost-header-paper .mud-icon-root {
    color: var(--theme-appbar-text, #fff) !important;
}

.cost-page .cost-header-paper .mud-typography-color-secondary {
    color: rgba(255, 255, 255, 0.85) !important;
}

.cost-page .cost-dashboard-sync {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}

.cost-page .cost-dashboard-sync:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.28) !important;
}

/* ─── KPI داشبوردها — hover یکپارچه ─────────────────────────────────────── */
.mgr-kpi:hover,
.cost-dash-kpi:hover,
.dash-kpi-card:hover {
    border-color: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.35) !important;
}

/* ─── بخش‌بندی عنوان ─────────────────────────────────────────────────────── */
.cost-dash-section-title,
.mgr-section-head h3,
.ht-charts-section-title {
    color: var(--dash-legend-label) !important;
}

.mgr-section-head {
    border-bottom-color: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.2) !important;
}

/* ─── موبایل — داشبوردها ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .home-filter-bar,
    .home-shortcuts-bar,
    .mgr-hero,
    .cost-page .cost-header-paper {
        border-radius: 14px !important;
        padding: 1rem !important;
    }

    .home-chart-card__body,
    .ht-chart-card__body,
    .mgr-chart-panel {
        padding: 0.5rem !important;
    }

    .mgr-page .mgr-table-wrap,
    .cost-page .cost-dash-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mgr-kpi-grid .mgr-kpi,
    .cost-dash-kpi {
        min-height: auto;
    }

    .home-hero-actions .mud-button-root,
    .mgr-hero .mgr-nav-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .home-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dash-kpi-grid .dash-kpi-value {
        font-size: 1.1rem !important;
    }
}