
/* KPIs: understated semantic accent, high contrast, and theme-adaptive depth. */
html{--mp147-kpi-card:#fff;--mp147-kpi-label:#475569;--mp147-kpi-value:#172033;--mp147-kpi-edge:#dae2ec;--mp147-kpi-shadow:0 6px 18px rgba(27,42,59,.055);--mp147-kpi-blue:#386fac;--mp147-kpi-work:#138a83;--mp147-kpi-warning:#bf6b1d;--mp147-kpi-neutral:#66788c;--mp147-kpi-money:#946b28}
html[data-mp-theme="classic"]{--mp147-kpi-card:#fffdfa;--mp147-kpi-label:#5b5242;--mp147-kpi-value:#272019;--mp147-kpi-edge:#e8d9bd;--mp147-kpi-blue:#8b7047;--mp147-kpi-work:#277b70;--mp147-kpi-warning:#b75c37;--mp147-kpi-neutral:#827966;--mp147-kpi-money:#987020}
html[data-mp-theme="dark"]{--mp147-kpi-card:#233145;--mp147-kpi-label:#c3d1e0;--mp147-kpi-value:#f8fafc;--mp147-kpi-edge:#45596f;--mp147-kpi-shadow:0 8px 18px rgba(0,0,0,.19);--mp147-kpi-blue:#81addf;--mp147-kpi-work:#43c5b4;--mp147-kpi-warning:#efaf69;--mp147-kpi-neutral:#9db1c4;--mp147-kpi-money:#e9c277}
html[data-mp-theme="blue"]{--mp147-kpi-card:#fff;--mp147-kpi-label:#496683;--mp147-kpi-value:#153556;--mp147-kpi-edge:#c6d9ee;--mp147-kpi-blue:#1662b0;--mp147-kpi-work:#237fb3;--mp147-kpi-warning:#cf792d;--mp147-kpi-neutral:#6786a4;--mp147-kpi-money:#235a9b}
html[data-mp-theme="green"]{--mp147-kpi-card:#fcfffd;--mp147-kpi-label:#47655b;--mp147-kpi-value:#183d34;--mp147-kpi-edge:#c8e0d5;--mp147-kpi-blue:#317b88;--mp147-kpi-work:#14745a;--mp147-kpi-warning:#be792c;--mp147-kpi-neutral:#658077;--mp147-kpi-money:#2c7864}
html[data-mp-theme="graphite"]{--mp147-kpi-card:#2a3036;--mp147-kpi-label:#c6d1dc;--mp147-kpi-value:#f5f8fc;--mp147-kpi-edge:#4d5864;--mp147-kpi-shadow:0 8px 18px rgba(0,0,0,.21);--mp147-kpi-blue:#84a9d3;--mp147-kpi-work:#73b9c2;--mp147-kpi-warning:#e1b178;--mp147-kpi-neutral:#a2b4c4;--mp147-kpi-money:#c5b1da}
/* Both the operational cards and the separately filtered management dashboard. */
.mp123 .pgrid>.panel, .mp123 .mp141-kpis>div{
 --mp147-kpi-accent:var(--mp147-kpi-blue);
 position:relative!important;isolation:isolate;overflow:hidden;
 background:var(--mp147-kpi-card)!important;
 color:var(--mp147-kpi-value)!important;
 border:1px solid var(--mp147-kpi-edge)!important;
 border-radius:12px!important;
 box-shadow:var(--mp147-kpi-shadow)!important;
 padding:18px 18px 17px!important;
 min-width:0;
}
.mp123 .pgrid>.panel::before, .mp123 .mp141-kpis>div::before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
 background:var(--mp147-kpi-accent);border-radius:12px 0 0 12px;
}
.mp123 .pgrid>.panel:nth-child(2),.mp123 .mp141-kpis>div:nth-child(2){--mp147-kpi-accent:var(--mp147-kpi-work)}
.mp123 .pgrid>.panel:nth-child(3),.mp123 .mp141-kpis>div:nth-child(3){--mp147-kpi-accent:var(--mp147-kpi-warning)}
.mp123 .mp141-kpis>div:nth-child(4){--mp147-kpi-accent:var(--mp147-kpi-neutral)}
.mp123 .pgrid>.panel:nth-child(4),.mp123 .mp141-kpis>div:nth-child(5){--mp147-kpi-accent:var(--mp147-kpi-money);border-color:var(--mp147-kpi-money)!important}
.mp123 .pgrid>.panel .muted,.mp123 .mp141-kpis small{color:var(--mp147-kpi-label)!important;opacity:1!important;font-size:12px!important;font-weight:550;line-height:1.4}
.mp123 .pgrid>.panel .kpi,.mp123 .mp141-kpis strong{color:var(--mp147-kpi-value)!important;opacity:1!important;font-size:clamp(24px,2vw,30px)!important;font-weight:780!important;letter-spacing:-.025em;line-height:1.18;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:720px){.mp123 .pgrid>.panel,.mp123 .mp141-kpis>div{padding:14px 15px 13px!important}}
