/* results.css */

/* Ruang utama keputusan */
.result {
  margin-top: 30px;
  /* Gaya teks untuk mesej seperti 'Tiada rekod dijumpai' atau 'Mencari data...' */
  font-size: 18px;
  color: #444;
  font-weight: 500;
  text-align: center;
}

/* Gaya utama untuk jadual keputusan */
.result table {
  width: 90%;
  max-width: 750px;
  margin: 20px auto; /* Menengahkan jadual */
  background: #ffffff;
  border-collapse: collapse; /* Untuk sempadan yang kemas */
  border-radius: 8px; /* Sudut bulat */
  overflow: hidden; /* Memastikan sudut bulat diguna pakai */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  text-align: left;
}

/* Gaya untuk sel-sel jadual (td) */
.result td {
  padding: 14px 20px;
  border-bottom: 1px solid #eeeeee; /* Garis pemisah antara baris */
  color: #333;
  font-size: 16px;
}

/* Menghilangkan garis pemisah untuk baris terakhir */
.result tr:last-child td {
  border-bottom: none;
}

/* Gaya untuk sel pertama (label) dalam setiap baris */
.result td:first-child {
  font-weight: bold;
  color: #000;
  width: 40%; /* Memberi lebar untuk penjajaran yang konsisten */
  background-color: #f9f9f9;
}

/* Menyerlahkan baris STATUS di akhir jadual */
.result tr:last-child td:last-child {
    font-weight: bold;
    font-size: 1.1em;
}