/* ============================================================================
   AIRPH Plus — cadang.css
   Senarai cadangan DSKP (aset/js/cadang.js). Teks >=16px, setiap baris
   >=52px tinggi, kontras tinggi — pengguna cikgu berumur 50 hingga 60 tahun.
   ========================================================================= */

.cadang{
  position:fixed; z-index:900;
  display:flex; flex-direction:column;
  background:var(--kad); color:var(--teks);
  border:2px solid var(--aksen); border-radius:var(--r-kecil);
  box-shadow:var(--bayang-tinggi);
  overflow:hidden;
}
.cadang[hidden]{display:none}

.cadang__kepala{
  flex:none;
  padding:10px 18px; font-size:15px; font-weight:700;
  color:var(--teks2); background:var(--kad-dalam);
  border-bottom:1.4px solid var(--sempadan);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.cadang__senarai{
  list-style:none; margin:0; padding:6px;
  overflow-y:auto; overscroll-behavior:contain; flex:1 1 auto;
}
.cadang__senarai:empty{display:none}

.cadang__pilihan{
  min-height:56px; padding:12px 14px;
  border-radius:10px; cursor:pointer;
  border:2px solid transparent;
}
.cadang__pilihan + .cadang__pilihan{margin-top:2px}
.cadang__pilihan--aktif{
  background:var(--aksen-l); border-color:var(--aksen);
}

.cadang__baris1{display:flex; gap:12px; align-items:baseline; font-size:17px; line-height:1.4}
.cadang__kod{
  flex:none; font-weight:800; color:var(--aksen-g);
  font-variant-numeric:tabular-nums; min-width:3.6em;
}
.cadang__nama{color:var(--teks); font-weight:500}
.cadang__baris2{
  display:flex; flex-wrap:wrap; gap:4px 18px;
  margin-top:4px; font-size:15px; color:var(--teks2); line-height:1.4;
}

.cadang__serlah{
  background:#FFE58A; color:#151C27;
  border-radius:3px; padding:0 1px; font-weight:800;
}
[data-tema="gelap"] .cadang__serlah{background:#6B5410; color:#FFF6D6}

.cadang__status{padding:18px 20px}
.cadang__status[hidden]{display:none}
.cadang__status-tajuk{font-size:17px; font-weight:700}
.cadang__status-sub{margin-top:6px; font-size:15.5px; color:var(--teks2)}

/* Petua di bawah medan Tajuk / SK / SP dalam skrin Tulis RPH */
.cadang-petua{margin-top:10px; font-size:15px; color:var(--teks2)}