/* Stili per le icone SVG */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.icon svg, .icon img {
  width: 100%;
  height: 100%;
}

.icon-sm {
  width: 16px;
  height: 16px;
}

.icon-md {
  width: 20px;
  height: 20px;
}

.icon-lg {
  width: 24px;
  height: 24px;
}

/* Colori delle icone per azioni specifiche */
.icon-view {
  color: #1a73e8;
}

.icon-edit {
  color: #ff9800;
}

.icon-delete {
  color: #f44336;
}

/* Stili per i pulsanti con icone */
.btn-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-icon:hover {
  background: #333;
}

/* Stili per le icone nella barra superiore */
.topbar-icon {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}