/**
 * #9178 — God-dashboard 5-stage pipeline page CSS.
 *
 * Scoped to #cw-god-dashboard-wrap so styles don't leak to other admin DT pages.
 * Mirrors the KPI grid pattern from /super-admin/admin-credit-cards/ (#8902)
 * for visual consistency across the super-admin layer.
 */

#cw-god-dashboard-wrap .cw-kpi-num {
    font-size: 32px;
    font-weight: 700;
    color: #0a4f7a;
    line-height: 1.1;
}

#cw-god-dashboard-wrap .cw-kpi-lbl {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #6c757d;
    margin-top: 4px;
}

#cw-god-dashboard-wrap .cw-kpi-delta {
    margin-top: 2px;
    font-size: 10px;
}

/* Stage-color tint per KPI card — matches the d3-funnel STAGE_COLORS array
   so KPI ↔ funnel-block correspondence is visually obvious to admins. */
#cw-god-dashboard-wrap #kpi-god-clients    { color: #0a4f7a; }
#cw-god-dashboard-wrap #kpi-god-guarantees { color: #1976d2; }
#cw-god-dashboard-wrap #kpi-god-invoices   { color: #26a69a; }
#cw-god-dashboard-wrap #kpi-god-credits    { color: #f9a825; }
#cw-god-dashboard-wrap #kpi-god-payments   { color: #43a047; }

/* d3-funnel mount — let the lib own the SVG sizing, just give it room. */
#cw-god-dashboard-wrap #dms-pipeline {
    width: 100%;
    overflow: visible;
}

/* Hero card chrome */
#cw-god-dashboard-wrap #cw-god-hero {
    border-left: 4px solid #0a4f7a;
}

/* #9506 Phase C M11 — mobile/tablet responsive tweaks. */
@media (max-width: 991px) {
    #cw-god-dashboard-wrap #dms-pipeline { min-height: 360px; }
    #cw-god-dashboard-wrap .cw-kpi-num   { font-size: 24px; }
}
@media (max-width: 575px) {
    #cw-god-dashboard-wrap #dms-pipeline { min-height: 280px; }
    #cw-god-dashboard-wrap #cw-god-kpis  { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
    #cw-god-dashboard-wrap #cw-god-kpis > .col { flex: unset; }
    #cw-god-dashboard-wrap .cw-kpi-num   { font-size: 20px; }
    #cw-god-dashboard-wrap #god-date-picker-wrap { flex-wrap: wrap; }
}

/* #9506 Phase C M9 — sparkline mini-chart per KPI card. */
#cw-god-dashboard-wrap .cw-kpi-sparkline {
    display: block;
    margin-top: 4px;
    opacity: 0.85;
}

/* #9506 Phase D M14 — error-recovery banner (rendered by JS into #cw-god-recovery-banner). */
#cw-god-dashboard-wrap #cw-god-recovery-banner {
    border-left: 4px solid #f9a825;
}
#cw-god-dashboard-wrap #cw-god-recovery-banner button#cw-god-retry-btn {
    font-size: 11px;
}