/* Gaya tambahan di luar utility Tailwind. */
html {
  -webkit-text-size-adjust: 100%;
}

/* Elemen form yang dipakai berulang. Ukuran font input 16px mencegah
   zoom otomatis di Safari iOS. */
.form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #334155;
}

.form-input {
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
}

.form-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #bfdbfe;
}

.form-input[aria-invalid="true"] {
  border-color: #f87171;
}

.form-hint {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #64748b;
}

/* Honeypot anti-spam: disembunyikan dari manusia, tetap ada di DOM. */
.hp-field {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Keterangan kesibukan alumni hanya tampil jika status bukan
   "belum bekerja" (tanpa JavaScript). */
.activity-detail {
  display: none;
}

form:has(#activity option:is([value="kerja"], [value="wirausaha"], [value="kuliah"]):checked) .activity-detail {
  display: block;
}

/* NIP & mapel hanya tampil jika role yang dipilih adalah guru. */
.teacher-fields {
  display: none;
}

form:has(#role option[value="guru"]:checked) .teacher-fields {
  display: block;
}