.bg-warning-alpha {
    background-color: rgba(247,196,108,0.32) !important;
}

.bg-danger-alpha {
    background-color: rgba(183,107,163,0.2) !important;
}

.bg-success-alpha {
    background-color: rgba(0,162,138,0.2) !important;
}

/* Imposta una larghezza fissa per ogni "quadratino" */
.custom-box {
  /* Puoi modificare la larghezza a seconda delle tue esigenze */
  flex: 0 0 200px;
}

/* Assicura che la Card abbia un'altezza minima fissa */
.custom-box .card {
  height: 130px; /* Regola l'altezza in base al contenuto desiderato */
}

/* Se vuoi un maggiore controllo sulle righe interne, ad esempio ridurre i margini: */
.name-row { min-height: 1.5em; }
.icon-row { min-height: 1.5em; }
.text-row { min-height: 1.2em; }

/* Nasconde tutto ciò che è dentro .expandable */
.topbar-btn .expandable {
  display: none;
  transition: all 0.2s ease;
  white-space: nowrap; /* per non forzare a capo */
}

/* Quando passo col mouse sul button, mostro .expandable */
.topbar-btn:hover .expandable,
.topbar-btn:focus .expandable {
  display: inline-block;
}