/* =====================================================================
   pembaikan-20260926a.css — kaedah bayaran (FPX/manual) + sejarah bayaran
   Ditambah 26/09/2026. Dimuatkan selepas pembaikan-20260924b.css supaya
   tidak menimpa gaya sedia ada.
   ===================================================================== */

/* ---------- kad kaedah bayaran (pilihan FPX / Transfer Bank) ---------- */
.pilihan-bayar {
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--card-2);
  padding: 14px;
}
.pilihan-head {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pilihan-head strong { font-size: 1rem; }

/* pilihan jumlah: deposit / penuh / jumlah lain */
.pilih-jumlah {
  display: block;
  margin: 8px 0;
  font-weight: 600;
  line-height: 1.45;
}
.pilih-jumlah input[type="radio"] {
  margin-right: 8px;
  vertical-align: -1px;
}
.pilih-jumlah .input { margin-top: 4px; }

/* ---------- sejarah bayaran (halaman tamu) ---------- */
.senarai-bayar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.senarai-bayar > li {
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 10px 12px;
  background: var(--card-2);
}
.senarai-bayar .baris-atas {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.senarai-bayar .mono { word-break: break-all; }

/* pil WhatsApp */
.pill-wa {
  background: #25D366;
  color: #04310F;
  border-color: transparent;
}

/* ---------- telefon: elak limpah mendatar ---------- */
@media (max-width: 460px) {
  .pilihan-bayar { padding: 12px; }
  .pilih-jumlah { font-size: .95rem; }
  .senarai-bayar .baris-atas { gap: 6px; }
}

/* ---------- admin: sejarah bayaran bersatu ---------- */
.jadual-bayar td, .jadual-bayar th { vertical-align: top; }
.jadual-bayar .pill { white-space: nowrap; }
.tindakan-bayar { display: flex; gap: 6px; flex-wrap: wrap; }
.tindakan-bayar .btn { white-space: nowrap; }
@media (max-width: 460px) {
  .tindakan-bayar .btn { width: 100%; }
}