/* =========================================================
   Lowongan Pekerjaan (halaman /lowongan/)
   Memakai warna & tombol dari assets/style.css dan bentuk isian
   dari daftar/daftar.css (kelas .df-…). Di sini hanya tambahannya.
   ========================================================= */
.lw-daftar { display: grid; gap: 16px; margin-bottom: 20px; }
.lw-kartu { background: #fff; border-radius: var(--radius); box-shadow: var(--bayang-kecil); padding: 18px; border-top: 8px solid var(--kedua); }
.lw-kartu__kepala { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.lw-kartu h2 { font-size: 1.4rem; color: var(--utama); margin: 0; }
.lw-lencana { background: var(--hijau); color: #fff; font-weight: 800; font-size: .88rem; padding: 3px 12px; border-radius: 999px; }
.lw-kartu h3 { font-size: 1.05rem; color: var(--teks); margin: .8em 0 .3em; }
.lw-kartu .daftar-centang { margin: 0; }
.lw-kartu__ket { margin: .8em 0 0; padding: 10px 14px; background: var(--aksen-muda); border-radius: 12px; font-weight: 700; line-height: 1.45; }
.lw-kosong { background: #fff; border-radius: var(--radius); box-shadow: var(--bayang-kecil); padding: 28px 18px; text-align: center; }
.lw-kosong p { margin: 0 0 12px; }
.lw-catatan { margin: 0; color: var(--teks-lembut); font-size: .95rem; text-align: center; }

.lw-form[hidden], .lw-hasil[hidden] { display: none; }
.lw-form__judul { font-size: 1.45rem; color: var(--utama); margin-bottom: .2em; }
.lw-form .df-ket { color: var(--teks-lembut); margin-bottom: 1em; }
.df-form input[type="email"] {
  display: block; width: 100%; min-height: 50px; padding: 10px 14px;
  font: inherit; font-size: 1.0625rem; color: var(--teks);
  background: #fff; border: 2px solid var(--utama-sedang); border-radius: 14px;
}
.df-form input[type="file"] {
  display: block; width: 100%; padding: 10px; font: inherit; font-size: 1rem; color: var(--teks);
  background: var(--utama-muda); border: 2px dashed var(--utama-sedang); border-radius: 14px; cursor: pointer;
}
.df-form input[type="file"]::file-selector-button {
  font: inherit; font-weight: 800; color: #fff; background: var(--utama); border: 0; border-radius: 999px;
  padding: 8px 16px; margin-right: 12px; cursor: pointer;
}
.lw-form .df-centang { align-items: flex-start; font-weight: 700; line-height: 1.4; }
.lw-form .df-centang input { margin-top: 2px; }
.lw-form fieldset[hidden] { display: none; }
/* Isian jebakan robot: di luar layar, bukan display:none (robot sering melewati yang tersembunyi) */
.lw-jebakan { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lw-galat { margin-top: 14px; padding: 10px 14px; background: #fff5f5; border-radius: 12px; }
.lw-galat[hidden] { display: none; }
.lw-kirim { grid-template-columns: 1fr; }
.lw-kirim .tombol:disabled { opacity: .6; cursor: progress; }

.lw-hasil { text-align: center; }
.lw-hasil:focus { outline: none; }
.lw-hasil h2 { font-size: 1.5rem; color: var(--hijau); margin-bottom: .3em; }
.lw-hasil__kode { display: inline-block; margin: 6px 0 14px; padding: 8px 20px; background: var(--utama-muda); border-radius: 14px; font-family: var(--huruf-judul); font-weight: 900; font-size: 1.4rem; letter-spacing: .06em; color: var(--utama); }
.lw-hasil p { line-height: 1.5; }
.lw-hasil .tombol { width: 100%; min-height: 58px; margin-top: 6px; }
.lw-hasil__kecil { font-size: .92rem; color: var(--teks-lembut); margin: 12px 0 0; }

.lw-bagikan { margin: 0 0 18px; }
.lw-bagikan .tombol { min-height: 46px; }