.vesta-card { background:var(--vesta-card-bg); border:1px solid var(--vesta-border); border-radius:var(--vesta-radius-md); }
.vesta-card__header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px 0; }
.vesta-card__header h3 { margin:0; font-size:14px; }
.vesta-card__body { padding:10px 12px 12px; color:var(--vesta-text-2); }
.vesta-kpi-strip { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:8px; }
.vesta-kpi-card { padding:10px 12px; border:1px solid var(--vesta-border); border-radius:var(--vesta-radius-md); background:#fff; }
.vesta-kpi-card span, .vesta-kpi-card small { display:block; color:var(--vesta-text-2); }
.vesta-kpi-card strong { display:block; font-size:20px; margin:8px 0 6px; }
@media (max-width: 1023px) { .vesta-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .vesta-kpi-strip { grid-template-columns: 1fr; } }

.vesta-card--tight .vesta-card__body{padding-top:8px;}
.vesta-kpi-card__label{font-size:12px;}

.vesta-kpi-strip--five{grid-template-columns:repeat(5,minmax(0,1fr));}
.vesta-kpi-strip--six{grid-template-columns:repeat(6,minmax(0,1fr));}
@media (max-width:1200px){.vesta-kpi-strip--five,.vesta-kpi-strip--six{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:767px){.vesta-kpi-strip--five,.vesta-kpi-strip--six{grid-template-columns:1fr;}}