/* --- Базовий стиль усіх action-кнопок --- */
.btn-action {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.2s ease-in-out;
  font-size: 0.8rem;
}

/* --- Візуальні варіанти --- */
.btn-action-success {
  color: #198754;
  border: 1px solid #198754;
}
.btn-action-success:hover {
  background: #198754;
  color: #fff;
}

.btn-action-warning {
  color: #f39c12;
  border: 1px solid #f39c12;
}
.btn-action-warning:hover {
  background: #f39c12;
  color: #fff;
}

.btn-action-secondary {
  color: #6c757d;
  border: 1px solid #6c757d;
}
.btn-action-secondary:hover {
  background: #6c757d;
  color: #fff;
}

/* --- Для небезпечних дій (delete) --- */
.btn-action-danger {
  color: #dc3545;
  border: 1px solid #dc3545;
}
.btn-action-danger:hover {
  background: #dc3545;
  color: #fff;
}


.pagination .page-link {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  border: 1px solid #6c757d;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
}

.pagination .page-link:hover {
  background: #6c757d;
  color: #fff;
}

.pagination .active .page-link {
  background: #8e2de2;
  border-color: #8e2de2;
  color: #fff;
}

.pagination .page-item.disabled .page-link {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination {
  gap: 6px;
}