/*
 * GALA KOMP - semantic action buttons
 * PHP 7 / Bootstrap 5 compatible.
 */
.btn-action-add,
.btn-action-edit,
.btn-action-clear,
.btn-action-delete,
.btn-action-save {
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  font-weight: 700;
}

/* Tambah: tetap biru/default, berubah hijau saat cursor/focus tepat di tombol. */
.btn-action-add,
a.btn-action-add {
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-color: #fff;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-action-add:hover,
.btn-action-add:focus-visible,
a.btn-action-add:hover,
a.btn-action-add:focus-visible {
  color: #fff !important;
  background-color: #198754 !important;
  border-color: #198754 !important;
  box-shadow: 0 0 0 .2rem rgba(25,135,84,.16);
  transform: translateY(-1px);
}

/* Edit: orange saat hover/focus. */
.btn-action-edit,
a.btn-action-edit {
  color: #b45309;
  border-color: #f59e0b;
  background: #fffaf0;
}
.btn-action-edit:hover,
.btn-action-edit:focus-visible,
a.btn-action-edit:hover,
a.btn-action-edit:focus-visible {
  color: #fff !important;
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 .2rem rgba(245,158,11,.16);
  transform: translateY(-1px);
}

/* Kosongkan / hapus: merah saat hover/focus, agar aksi destruktif jelas. */
.btn-action-clear,
a.btn-action-clear,
.btn-action-delete,
a.btn-action-delete {
  color: #b91c1c;
  border-color: #ef4444;
  background: #fff;
}
.btn-action-clear:hover,
.btn-action-clear:focus-visible,
a.btn-action-clear:hover,
a.btn-action-clear:focus-visible,
.btn-action-delete:hover,
.btn-action-delete:focus-visible,
a.btn-action-delete:hover,
a.btn-action-delete:focus-visible {
  color: #fff !important;
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 .2rem rgba(220,38,38,.16);
  transform: translateY(-1px);
}

/* Simpan tetap biru bahkan ketika hover/focus. */
.btn-action-save,
a.btn-action-save {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-action-save:hover,
.btn-action-save:focus-visible,
a.btn-action-save:hover,
a.btn-action-save:focus-visible {
  color: #fff !important;
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.16);
  transform: translateY(-1px);
}

@media print {
  .no-print { display: none !important; }
}