.al-primary{
  color: #007474 !important;
}

.btn-al-primary{
  background-color: #007474 !important;
  border-color: #007474 !important;
  color: #fff;
}
.btn-al-primary:hover{
  background-color: #149797 !important;
  border: #149797 !important;
  color: #fff;
}

.line-clamp.line-clamp-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp.line-clamp-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* --- Teks panjang di dalam tabel -------------------------------------------
   Dipotong dengan elipsis agar lebar kolom tetap stabil. Teks utuhnya
   ditampilkan lewat tooltip Bootstrap (lihat data-bs-toggle="tooltip").
   Tooltip diinisialisasi di public/assets/js/theme.js. */

.cell-truncate {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Batas lebar per kolom; tabel tetap bisa digeser lewat .table-responsive. */
.cell-w-sm  { max-width: 10rem; }
.cell-w-md  { max-width: 16rem; }
.cell-w-lg  { max-width: 22rem; }

/* Tooltip bisa memuat kalimat panjang tanpa jadi satu baris memanjang. */
.tooltip-inner {
  max-width: 24rem;
  text-align: left;
  white-space: normal;
}