/* Stilizare uniformă pentru butoanele de acțiune din tabele */
.action-buttons,
.action-btn {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
}

.btn-action,
.action-btn .btn-xs,
.action-btn > a.btn,
.action-btn > form > .btn,
.action-btn > form > button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-action i,
.btn-action svg,
.action-btn .btn-xs i,
.action-btn .btn-xs svg,
.action-btn > a.btn i,
.action-btn > a.btn svg,
.action-btn > form > .btn i,
.action-btn > form > .btn svg,
.action-btn > form > button.btn i,
.action-btn > form > button.btn svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0;
}

/* Variante de culoare */
.btn-action-primary {
  background-color: #7366ff;
  color: #fff;
}

.btn-action-primary:hover {
  background-color: #5e4eff;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(115, 102, 255, 0.3);
}

.btn-action-info {
  background-color: #4099ff;
  color: #fff;
}

.btn-action-info:hover {
  background-color: #2e88e6;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(64, 153, 255, 0.3);
}

.btn-action-danger {
  background-color: #dc3545;
  color: #fff;
}

.btn-action-danger:hover {
  background-color: #c82333;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

.btn-action-success {
  background-color: #51bb25;
  color: #fff;
}

.btn-action-success:hover {
  background-color: #3d9e1a;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(81, 187, 37, 0.3);
}

.btn-action-warning {
  background-color: #f8d62b;
  color: #000;
}

.btn-action-warning:hover {
  background-color: #e6c41f;
  color: #000;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(248, 214, 43, 0.3);
}

.btn-action-secondary {
  background-color: #6c757d;
  color: #fff;
}

.btn-action-secondary:hover {
  background-color: #5a6268;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
}

/* Focus state pentru accesibilitate */
.btn-action:focus {
  outline: 2px solid rgba(115, 102, 255, 0.5);
  outline-offset: 2px;
}

/* Disabled state */
.btn-action:disabled,
.btn-action.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Legacy table action buttons used across backend list pages */
.action-btn .delete-form,
.action-buttons form,
.action-btn form {
  display: inline;
}

.action-btn .btn-primary.btn-xs,
.action-btn .btn-primary {
  background-color: #7366ff;
  color: #fff;
}

.action-btn .btn-primary.btn-xs:hover,
.action-btn .btn-primary:hover {
  background-color: #5e4eff;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(115, 102, 255, 0.3);
}

.action-btn .btn-danger.btn-xs,
.action-btn .btn-danger {
  background-color: #dc3545;
  color: #fff;
}

.action-btn .btn-danger.btn-xs:hover,
.action-btn .btn-danger:hover {
  background-color: #c82333;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}