/* Stage 23 — premium four-card KPI design, scoped to Super Admin dashboard. */
@media screen {
 body.hp-superadmin .clinic-main .dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:16px 0 24px;align-items:stretch}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:136px;margin:0;padding:18px 16px 16px 88px;border:1px solid transparent!important;border-radius:15px!important;text-decoration:none;box-shadow:0 7px 20px rgba(13,48,70,.08)!important;transition:transform .18s ease,box-shadow .18s ease}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(13,48,70,.14)!important}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat:after{content:"";position:absolute;z-index:-1;right:0;bottom:-12px;width:104px;height:104px;display:grid;place-items:center;opacity:.13;font-size:82px;font-weight:900;line-height:1;color:currentColor;pointer-events:none}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat .stat-icon{position:absolute;left:16px;top:20px;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font-size:30px;font-weight:800;line-height:1;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat span:not(.stat-icon){display:block;min-width:0;margin:0;color:#102d40;font-size:15px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:normal;word-break:normal}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat b{display:block;margin:1px 0 0;color:#102a35;font-size:clamp(27px,2.25vw,36px);font-weight:900;line-height:1.08;letter-spacing:-.045em;white-space:nowrap}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat small{display:block;margin-top:5px;color:#26764b;font-size:12px;font-weight:750;line-height:1.3}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-patients:after{content:"♟"}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-appointments:after{content:"▣"}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-collection:after{content:"₹"}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-labs:after{content:"⚗"}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-patients{color:#07964d;background:#e0faeb!important;border-color:#c7f0d8!important}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-patients .stat-icon{color:#07964d;background:#9af0bd}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-appointments{color:#079fe2;background:#e1f4ff!important;border-color:#c9eaff!important}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-appointments .stat-icon{color:#079fe2;background:#a8e4ff}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-collection{color:#c13bd8;background:#fbeaff!important;border-color:#f1d7f7!important}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-collection .stat-icon{color:#bd36d7;background:#f2b7fa}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-collection small{color:#26764b}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-labs{color:#e88b22;background:#fff1df!important;border-color:#f8e2c5!important}
 body.hp-superadmin .clinic-main .dashboard-kpis>.kpi-labs .stat-icon{color:#df841e;background:#ffd29e}
}
@media screen and (max-width:1250px){body.hp-superadmin .clinic-main .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media screen and (max-width:600px){body.hp-superadmin .clinic-main .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}body.hp-superadmin .clinic-main .dashboard-kpis>.stat{min-height:112px;padding:13px 10px 12px 58px;border-radius:12px!important}body.hp-superadmin .clinic-main .dashboard-kpis>.stat .stat-icon{left:9px;top:16px;width:39px;height:39px;border-radius:10px;font-size:22px}body.hp-superadmin .clinic-main .dashboard-kpis>.stat span:not(.stat-icon){font-size:12px;line-height:1.25}body.hp-superadmin .clinic-main .dashboard-kpis>.stat b{font-size:clamp(21px,6vw,27px)}body.hp-superadmin .clinic-main .dashboard-kpis>.stat small{font-size:10px}}
@media screen and (max-width:360px){body.hp-superadmin .clinic-main .dashboard-kpis>.stat{padding-left:10px;padding-top:57px}body.hp-superadmin .clinic-main .dashboard-kpis>.stat .stat-icon{top:10px}}
@media (prefers-reduced-motion:reduce){body.hp-superadmin .clinic-main .dashboard-kpis>.stat{transition:none}}