/* Scoped to the six Revenue KPI cards. No chart, table or shared layout changes. */
.kpi-grid.kpi-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.kpi-grid-six .kpi-card{position:relative;min-width:0;min-height:104px;padding:14px 12px 12px 54px;border-radius:14px;box-shadow:0 4px 16px rgba(31,62,104,.045)}
.kpi-grid-six .kpi-icon{position:absolute;top:14px;left:12px;width:32px;height:34px;display:grid;place-items:center;border-radius:10px;color:#2563eb;background:#eef4ff}
.kpi-grid-six .kpi-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.kpi-grid-six .kpi-icon-sessions{color:#16a66a;background:linear-gradient(135deg,#effcf4,#dcf6e8)}
.kpi-grid-six .kpi-icon-sales{color:#306bff;background:linear-gradient(135deg,#f0f6ff,#e5edff)}
.kpi-grid-six .kpi-icon-orders{color:#8a3ffc;background:linear-gradient(135deg,#faf4ff,#efe3ff)}
.kpi-grid-six .kpi-icon-conversion{color:#0891a5;background:linear-gradient(135deg,#effcfc,#dcf5f7)}
.kpi-grid-six .kpi-icon-average{color:#e5a026;background:linear-gradient(135deg,#fffaf0,#fff0d5)}
.kpi-grid-six .kpi-icon-cost{color:#2475ff;background:linear-gradient(135deg,#f1f7ff,#e6efff)}
.kpi-grid-six .kpi-card-head{min-height:22px;align-items:center;gap:4px 6px;flex-wrap:wrap}
.kpi-grid-six .kpi-card-head>span:first-child{min-width:0;font-size:9px;line-height:1.45}
.kpi-grid-six .kpi-card>strong{margin:7px 0 6px;font-size:clamp(18px,1.35vw,22px);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi-grid-six .kpi-card>small{line-height:1.55;white-space:normal}
.kpi-grid-six .kpi-change{min-width:32px;max-width:100%;margin-left:auto;padding:3px 6px;border-radius:5px;font-size:9px;line-height:1.45;font-weight:750;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.kpi-grid-six .kpi-change.is-positive{color:#14855f;background:#e6f7ee}
.kpi-grid-six .kpi-change.is-negative{color:#be354b;background:#ffedf0}
.kpi-grid-six .kpi-change.is-neutral{color:#6e809c;background:#eef3fb}
@media(max-width:1320px){.kpi-grid.kpi-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.kpi-grid.kpi-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.kpi-grid.kpi-grid-six{grid-template-columns:minmax(0,1fr)}}

/* Staff/Supplier: five KPIs, Owner/Admin: six KPIs. */
.kpi-grid.kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpi-grid .revenue-cost-card[hidden]{display:none!important}
@media(max-width:1320px){.kpi-grid.kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.kpi-grid.kpi-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.kpi-grid.kpi-grid-five{grid-template-columns:minmax(0,1fr)}}