/* ============================================================
   MOLECULE: KPI Item
   Datei: page-builder/components/molecules/kpi-item.php
   ============================================================ */
@import "../../../assets/tokens.css" layer(sdc-tokens);



.as-kpi {
    text-align: center;
    padding: 1.5rem 1rem;
    border-radius: var(--as-radius);
    background: var(--as-color-white);
    box-shadow: var(--as-shadow);
    height: 100%;
}
.as-kpi__number {
    display: block;
    font-family: var(--as-font-sans);
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    color: var(--as-color-navy);
    line-height: 1.1;
}
.as-kpi__label {
    display: block;
    font-family: var(--as-font-sans);
    font-size: 0.95rem;
    color: var(--as-color-text-muted);
    margin-top: 0.35rem;
}