.action-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  flex-wrap: wrap;
  margin-top: .75rem;
}

/* lato sinistro */
.toolbar-left {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

/* lato destro */
.toolbar-right {
  font-size: .875rem;
  color: #555;
  white-space: nowrap;
}

/* gruppi bottoni */
.tb-group {
  display: flex;
  gap: .25rem;
  flex-wrap: wrap;
}

/* bottoni uniformati (compatibile Bootstrap) */
.btn-toolbar {
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.2;
}

/* evidenzia vista attiva (solo CSS: se già usi .active, ok) */
.btn-view.active {
  background-color: #0d6efd;
  color: #fff;
}

/* mobile */
@media (max-width: 768px) {
  .action-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .toolbar-right {
    text-align: left;
    margin-top: .25rem;
  }
}