/* ===== OO StatTile =====
   Kennzahl in einer Card: Symbol links, rechts daneben die große Zahl und darunter die Beschriftung.
   ======================= */

.oo-stat-tile {
    /* Kacheln nebeneinander nie schmaler als die Beschriftung braucht; in einem umbrechenden Stack wachsen sie gleichmäßig. */
    min-width: 12rem;
    flex: 1 1 12rem;
}

.oo-stat-tile__content {
    display: flex;
    align-items: center;
    gap: var(--oo-space-3);
    box-sizing: border-box;
    min-width: 0;
}

.oo-stat-tile__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.oo-stat-tile__value {
    font-size: calc(var(--oo-font-size-xl) * 1.3);
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.oo-stat-tile__value--loading,
.oo-stat-tile__total,
.oo-stat-tile__label,
.oo-stat-tile__hint {
    color: var(--oo-color-text-subtle);
}