/* ======= Warna Dasar Hijau Tua ======= */
:root {
  --hijau-tua: #1e5631;
  --hijau-hover: #174826;
  --biru-link: #0d47a1;
  --striped-row: #f4fdf6;
}

/* Tombol Hijau */
.btn-hijau {
  background-color: var(--hijau-tua);
  color: white;
  border: none;
}
.btn-hijau:hover {
  background-color: var(--hijau-hover);
  color: white;
}
.btn-hijau:focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 86, 49, 0.5);
}

/* Link Nama */
.link-nama, .text-primary {
  color: var(--biru-link) !important;
  font-weight: bold;
  text-decoration: none;
}
.link-nama:hover {
  text-decoration: underline;
}

/* Link WA */
.link-wa {
  color: #007bff;
  text-decoration: none;
}
.link-wa:hover {
  text-decoration: none;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background-color: var(--hijau-tua);
  border-color: var(--hijau-tua);
  color: white;
}
.pagination .page-link {
  color: var(--hijau-tua);
}
.pagination .page-link:hover {
  background-color: var(--hijau-hover);
  color: white;
}

/* Tabel Striping Hijau */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--striped-row);
}

  /* Scroll tabel di HP */
  @media (max-width: 768px) {
    .table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .table th, .table td {
      white-space: nowrap;
      font-size: 13px;
      padding: 6px;
    }
  }

  /* Kolom posisi boleh wrap */
  .posisi-cell {
    white-space: normal !important;
    word-break: break-word;
    max-width: 160px;
  }