/* MBS DJI Parts — dashboard equal-height rows (scoped to dashboard page). */

@media (min-width: 1280px) {
    .mbs-dashboard .mbs-dashboard-widgets-grid {
        align-items: stretch;
    }

    .mbs-dashboard .fi-wi-widget {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .mbs-dashboard .fi-wi-widget > .fi-wi-stats-overview,
    .mbs-dashboard .fi-wi-widget > .fi-wi-chart,
    .mbs-dashboard .fi-wi-widget > .fi-wi-table,
    .mbs-dashboard .fi-wi-widget > .mbs-dashboard-panel {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    /* Summary stat cards — rows 1 & 2 */
    .mbs-dashboard .mbs-dashboard-stats-section {
        flex: 1 1 auto;
        height: 100%;
    }

    .mbs-dashboard .mbs-dashboard-stats-section > .fi-sc-section-content-ctn {
        height: 100%;
    }

    .mbs-dashboard .mbs-dashboard-stats-section .fi-grid {
        align-items: stretch;
        height: 100%;
    }

    .mbs-dashboard .mbs-dashboard-stats-section .fi-grid > .fi-grid-col {
        display: flex;
        flex-direction: column;
    }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat {
        flex: 1 1 auto;
        min-height: 8.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat .fi-wi-stats-overview-stat-content {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0.375rem;
    }

    .mbs-dashboard .fi-wi-stats-overview-stat-description {
        margin-top: auto;
    }

    /* Chart row — Sales Last 30 Days + Sales vs Purchases */
    .mbs-dashboard .fi-wi-chart .fi-sc-section {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 22rem;
        height: 100%;
    }

    .mbs-dashboard .fi-wi-chart .fi-sc-section-content-ctn {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .mbs-dashboard .fi-wi-chart .fi-sc-section-content-ctn > div {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .mbs-dashboard .fi-wi-chart-canvas-ctn {
        flex: 1 1 auto;
        min-height: 12rem;
    }

    /* Table / panel row — Recent Invoices, Low Stock, Recent Customers */
    .mbs-dashboard .fi-wi-table .fi-ta-ctn,
    .mbs-dashboard .fi-wi-table .fi-ta {
        height: 100%;
    }

    .mbs-dashboard .mbs-dashboard-panel-section {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 20rem;
        height: 100%;
    }

    .mbs-dashboard .mbs-dashboard-panel-section .fi-sc-section-content-ctn {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    .mbs-dashboard .mbs-dashboard-panel-body {
        flex: 1 1 auto;
    }
}

/* Dashboard stat card accents — subtle left border + tinted background. */
.mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat {
    border-radius: 0.75rem;
    border-left-width: 4px;
    border-left-style: solid;
    padding-inline-start: 0.25rem;
}

.mbs-dashboard .mbs-dashboard-stat--sales {
    border-left-color: rgb(34 197 94);
    background-color: rgb(240 253 244 / 0.45);
}

.mbs-dashboard .mbs-dashboard-stat--sales .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--sales .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(22 163 74);
}

.mbs-dashboard .mbs-dashboard-stat--month-sales {
    border-left-color: rgb(99 102 241);
    background-color: rgb(238 242 255 / 0.45);
}

.mbs-dashboard .mbs-dashboard-stat--month-sales .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--month-sales .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(79 70 229);
}

.mbs-dashboard .mbs-dashboard-stat--profit {
    border-left-color: rgb(139 92 246);
    background-color: rgb(245 243 255 / 0.45);
}

.mbs-dashboard .mbs-dashboard-stat--profit .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--profit .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(109 40 217);
}

.mbs-dashboard .mbs-dashboard-stat--profit-warning {
    border-left-color: rgb(245 158 11);
    background-color: rgb(255 251 235 / 0.55);
}

.mbs-dashboard .mbs-dashboard-stat--profit-warning .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--profit-warning .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(217 119 6);
}

.mbs-dashboard .mbs-dashboard-stat--invoices {
    border-left-color: rgb(14 165 233);
    background-color: rgb(240 249 255 / 0.45);
}

.mbs-dashboard .mbs-dashboard-stat--invoices .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--invoices .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(2 132 199);
}

.mbs-dashboard .mbs-dashboard-stat--unpaid {
    border-left-color: rgb(245 158 11);
    background-color: rgb(255 251 235 / 0.5);
}

.mbs-dashboard .mbs-dashboard-stat--unpaid .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--unpaid .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(217 119 6);
}

.mbs-dashboard .mbs-dashboard-stat--quotes {
    border-left-color: rgb(139 92 246);
    background-color: rgb(248 250 252 / 0.65);
}

.mbs-dashboard .mbs-dashboard-stat--quotes .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--quotes .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(109 40 217);
}

.mbs-dashboard .mbs-dashboard-stat--low-stock {
    border-left-color: rgb(239 68 68);
    background-color: rgb(254 242 242 / 0.45);
}

.mbs-dashboard .mbs-dashboard-stat--low-stock .fi-wi-stats-overview-stat-description,
.mbs-dashboard .mbs-dashboard-stat--low-stock .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(220 38 38);
}

.dark .mbs-dashboard .mbs-dashboard-stat--sales {
    border-left-color: rgb(74 222 128);
    background-color: rgb(20 83 45 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--sales .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--sales .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(134 239 172);
}

.dark .mbs-dashboard .mbs-dashboard-stat--month-sales {
    border-left-color: rgb(129 140 248);
    background-color: rgb(49 46 129 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--month-sales .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--month-sales .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(165 180 252);
}

.dark .mbs-dashboard .mbs-dashboard-stat--profit {
    border-left-color: rgb(167 139 250);
    background-color: rgb(76 29 149 / 0.2);
}

.dark .mbs-dashboard .mbs-dashboard-stat--profit .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--profit .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(196 181 253);
}

.dark .mbs-dashboard .mbs-dashboard-stat--profit-warning {
    border-left-color: rgb(251 191 36);
    background-color: rgb(120 53 15 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--profit-warning .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--profit-warning .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(252 211 77);
}

.dark .mbs-dashboard .mbs-dashboard-stat--invoices {
    border-left-color: rgb(56 189 248);
    background-color: rgb(12 74 110 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--invoices .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--invoices .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(125 211 252);
}

.dark .mbs-dashboard .mbs-dashboard-stat--unpaid {
    border-left-color: rgb(251 191 36);
    background-color: rgb(120 53 15 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--unpaid .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--unpaid .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(252 211 77);
}

.dark .mbs-dashboard .mbs-dashboard-stat--quotes {
    border-left-color: rgb(167 139 250);
    background-color: rgb(30 41 59 / 0.35);
}

.dark .mbs-dashboard .mbs-dashboard-stat--quotes .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--quotes .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(196 181 253);
}

.dark .mbs-dashboard .mbs-dashboard-stat--low-stock {
    border-left-color: rgb(248 113 113);
    background-color: rgb(127 29 29 / 0.22);
}

.dark .mbs-dashboard .mbs-dashboard-stat--low-stock .fi-wi-stats-overview-stat-description,
.dark .mbs-dashboard .mbs-dashboard-stat--low-stock .fi-wi-stats-overview-stat-label-ctn svg {
    color: rgb(252 165 165);
}

/* Chart panels — very subtle accent only. */
.mbs-dashboard .fi-wi-chart .fi-sc-section {
    border-left: 4px solid rgb(34 197 94 / 0.55);
}

.dark .mbs-dashboard .fi-wi-chart .fi-sc-section {
    border-left-color: rgb(74 222 128 / 0.45);
}

.mbs-dashboard .mbs-dashboard-panel-section {
    border-left: 4px solid rgb(239 68 68 / 0.55);
}

.dark .mbs-dashboard .mbs-dashboard-panel-section {
    border-left-color: rgb(248 113 113 / 0.45);
}

/* Current summary accents. Presentation only; metric values and access stay in widgets. */
@media screen {
    .mbs-dashboard .fi-header {
        padding: 1.25rem;
        border: 1px solid #e5e2f0;
        border-radius: 1rem;
        background: linear-gradient(110deg, #f2f0fa, #fff 75%);
    }

    .mbs-dashboard .fi-header-heading { color: #241b50; }
    .mbs-dashboard .fi-header-subheading { font-size: .875rem; line-height: 1.6; }
    .mbs-dashboard .mbs-dashboard-widgets-grid { gap: 1.25rem; }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat {
        --mbs-stat-accent: #53458a;
        --mbs-stat-tint: #f5f3fb;
        border-left: 0;
        border-top: 3px solid var(--mbs-stat-accent);
        border-radius: .875rem;
        background: linear-gradient(135deg, var(--mbs-stat-tint), #fff 85%);
        padding: 1.125rem 1.25rem;
        min-width: 0;
        min-height: 8rem;
        box-shadow: 0 2px 6px rgb(36 27 80 / .04);
    }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat--cash {
        --mbs-stat-accent: #168065;
        --mbs-stat-tint: #effaf5;
    }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat--receivables {
        --mbs-stat-accent: #b77918;
        --mbs-stat-tint: #fff9ed;
    }

    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat--realized {
        --mbs-stat-accent: #187693;
        --mbs-stat-tint: #eff8fc;
    }

    .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-label {
        color: #4b5563;
        font-weight: 600;
        line-height: 1.5;
    }

    .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-value {
        font-size: 1.75rem;
        line-height: 1.25;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        color: #241b50;
        overflow-wrap: anywhere;
    }

    .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-content {
        gap: .5rem;
    }

    .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-description {
        line-height: 1.5;
    }

    .mbs-dashboard .fi-wi-chart .fi-section,
    .mbs-dashboard .mbs-dashboard-panel-section,
    .mbs-dashboard .fi-wi-table .fi-ta-ctn {
        border-radius: .875rem;
        box-shadow: 0 2px 6px rgb(36 27 80 / .04);
    }

    .mbs-dashboard .fi-wi-chart .fi-section-header { background: #f1faf6; }
    .mbs-dashboard .mbs-dashboard-panel-section .fi-section-header { background: #fff8ef; }
    .mbs-dashboard .fi-wi-table .fi-ta-header { background: #f5f3fb; }
    .mbs-dashboard .fi-section-header,
    .mbs-dashboard .fi-ta-header { border-radius: .875rem .875rem 0 0; }
    .mbs-dashboard .mbs-dashboard-panel-section { border-left: 0; }

    .dark .mbs-dashboard .fi-header {
        background: #211e30;
        border-color: #403952;
    }
    .dark .mbs-dashboard .fi-header-heading,
    .dark .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-value { color: #f3f0ff; }
    .dark .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-label { color: #d1d5db; }
    .dark .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat { background: #211e30; }
    .dark .mbs-dashboard .fi-wi-chart .fi-section-header { background: #1c302b; }
    .dark .mbs-dashboard .mbs-dashboard-panel-section .fi-section-header { background: #302a20; }
    .dark .mbs-dashboard .fi-wi-table .fi-ta-header { background: #282237; }
}

@media screen and (max-width: 639px) {
    .mbs-dashboard .fi-header { padding: 1rem; }
    .mbs-dashboard .fi-header-actions { gap: .5rem; flex-wrap: wrap; }
    .mbs-dashboard .fi-wi-stats-overview-stat.mbs-dashboard-stat { min-height: 0; padding: 1rem; }
    .mbs-dashboard .mbs-dashboard-stat .fi-wi-stats-overview-stat-value { font-size: 1.625rem; }
}