/* MoxKit stats widget. */
/* Statistics widget (HyperUI-style stat cards) */
.moxkit-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.moxkit-stats-item{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--moxkit-line);border-radius:12px;overflow:hidden}
.moxkit-stats-main{display:flex;flex-direction:column;gap:6px;padding:24px}
.moxkit-stats-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.moxkit-stats-title{font-size:14px;font-weight:500;color:var(--moxkit-muted)}
.moxkit-stats-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;font-size:20px;border-radius:10px;background:#f0efff;color:var(--moxkit-accent);line-height:1}
.moxkit-stats-icon svg{width:1em;height:1em;fill:currentColor}
.moxkit-stats-value{font-size:30px;font-weight:750;line-height:1.1;letter-spacing:-.02em;color:var(--moxkit-ink)}
.moxkit-stats-from{font-size:12px;color:var(--moxkit-muted)}
.moxkit-stats-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px}
.moxkit-stats-trend{display:inline-flex;align-items:center;gap:4px;font-weight:650;color:var(--moxkit-muted)}
.moxkit-stats-trend--up{color:#16a34a}
.moxkit-stats-trend--down{color:#e5484d}
.moxkit-stats-arrow{font-size:1.05em;line-height:1}
.moxkit-stats-growth-label{color:var(--moxkit-muted);font-weight:500}
.moxkit-stats--pill .moxkit-stats-trend{padding:2px 8px;border-radius:99px;background:color-mix(in srgb, currentColor 14%, transparent)}
/* Stacked: growth in a bordered footer strip */
.moxkit-stats--stacked .moxkit-stats-footer{display:flex;align-items:center;gap:8px;padding:12px 24px;border-top:1px solid var(--moxkit-line);background:#f8f9fc;font-size:13px}
.moxkit-stats--stacked .moxkit-stats-footer .moxkit-stats-meta{margin-top:0}