[data-bs-theme="light"] .readonly {
  pointer-events: none;
  background-color: var(--bs-gray-200);
  color: var(--bs-gray-800);
}

[data-bs-theme="dark"] .readonly {
  pointer-events: none;
  background-color: var(--bs-dark);
  color: var(--bs-gray-700);
}

.page-loader {
  position: fixed !important;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
  cursor: not-allowed;
}

.sticky-table-header {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* Menyesuaikan tinggi Tagify di dalam form-floating */
.form-floating .tagify {
  height: auto !important;
  min-height: calc(3.5rem + 2px); /* Tinggi standar form-floating Bootstrap 5 */
  padding-top: 1.625rem; /* Memberikan ruang untuk label yang mengambang */
  padding-bottom: 0.625rem;
  border-radius: 0.375rem;
}

/* Merapikan jarak baris antar tag agar tidak berdempetan jika turun ke baris baru */
.form-floating .tagify__tag {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

/* Memastikan input bawaan Tagify posisinya pas */
.form-floating .tagify__input {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}