/* Avatar circular usado en KPI cards (Velzon define `.avatar-title` solo para listas/tablas, sin tamaño). */
.avatar-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-weight: 500;
}
.avatar-title.rounded { border-radius: 50% !important; }

/* Variantes suaves (Velzon las omite en esta build). */
.bg-soft-primary  { background-color: rgba(64, 81, 137, .15)!important; color: #405189; }
.bg-soft-info     { background-color: rgba(10, 179, 156, .15)!important; color: #0ab39c; }
.bg-soft-warning  { background-color: rgba(247, 184, 75, .15)!important; color: #f7b84b; }
.bg-soft-success  { background-color: rgba(10, 179, 156, .18)!important; color: #0ab39c; }
.bg-soft-danger   { background-color: rgba(240, 101, 72, .15)!important; color: #f06548; }