/* Shared compact KPI anatomy for public surfaces; same .kpis > .kpi contract as Radar. */
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.kpis>.kpi{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center;min-width:0;padding:8px 14px;border:1px solid var(--line,#d5e2db);border-radius:16px;background:#fff;color:var(--ink,#102b21)}
.kpis>.kpi::before{content:'';grid-column:1;grid-row:1/3;width:36px;height:36px;align-self:center;border-radius:50%;background:#e8f4ed}
.kpis>.kpi::after{content:'';position:absolute;left:23px;top:calc(50% - 9px);width:18px;height:18px;background:#176347;mask:center/contain no-repeat var(--kpi-icon);-webkit-mask:center/contain no-repeat var(--kpi-icon)}
.kpis>.kpi[data-icon=home]{--kpi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 3l9 8M5 10v11h14V10M9 21v-8h6v8'/%3E%3C/svg%3E")}
.kpis>.kpi[data-icon=key]{--kpi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3Cpath d='m12 12 9 9m-5-5 3-3m-1 5 3-3'/%3E%3C/svg%3E")}
.kpis>.kpi>strong{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;font:750 26px/1.1 var(--display,sans-serif);letter-spacing:-.03em}
.kpis>.kpi>span{grid-column:2;min-width:0;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#485f54;font-size:12px;line-height:1.3}
@media(max-width:480px){.kpis{gap:8px}.kpis>.kpi{padding:8px 9px;column-gap:7px;grid-template-columns:30px minmax(0,1fr)}.kpis>.kpi::before{width:30px;height:30px}.kpis>.kpi::after{left:16px;width:16px;height:16px;top:calc(50% - 8px)}.kpis>.kpi>strong{font-size:24px}.kpis>.kpi>span{font-size:11px}}