/* =======================================================================
   Kennzahlen-Erweiterung ([stats]/[stat], [growthcard]) - eigenständiges
   Basis-CSS, wird unabhängig vom aktiven Theme automatisch geladen
   (siehe Nexis\Template\ExtensionAssets). Arbeitet ausschließlich mit
   den geteilten --nx-*-Variablen.
   ======================================================================= */

/* --- Zahlen-Reihe mit Icon --- */
.nx-stats-row { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--nx-space-8); margin: var(--nx-space-8) 0; text-align: center; }
.nx-stat-item { min-width: 130px; }
.nx-stat-icon { display: block; font-size: 1.8rem; color: var(--nx-primary); margin-bottom: var(--nx-space-2); }
.nx-stat-number { font-size: var(--nx-fs-3xl); font-weight: 800; color: var(--nx-text); line-height: 1; }
.nx-stat-label { color: var(--nx-muted); font-size: var(--nx-fs-sm); margin-top: var(--nx-space-1); }

/* --- Wachstums-Karte mit Mini-Balkendiagramm (reines CSS) --- */
.nx-growthcard { background: var(--nx-surface); border-radius: var(--nx-radius-lg); padding: var(--nx-space-6); box-shadow: var(--nx-shadow-sm); margin: var(--nx-space-6) 0; }
.nx-growthcard-title { font-weight: 700; margin-bottom: var(--nx-space-4); color: var(--nx-text); }
.nx-growthcard-bars { display: flex; align-items: flex-end; gap: var(--nx-space-3); height: 140px; }
.nx-growthcard-bar-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.nx-growthcard-bar { width: 100%; max-width: 44px; background: var(--nx-primary); border-radius: 6px 6px 0 0; display: flex; align-items: flex-start; justify-content: center; color: var(--nx-on-primary); font-size: var(--nx-fs-sm); font-weight: 700; padding-top: 4px; min-height: 1.6em; transition: height 0.3s ease; }
.nx-growthcard-bar-label { margin-top: var(--nx-space-2); font-size: var(--nx-fs-sm); color: var(--nx-muted); }
.nx-growthcard-text { margin: var(--nx-space-4) 0 0; color: var(--nx-muted); line-height: var(--nx-lh-base); }