.container-tabel {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.blok-tabel {
  flex: none;
  margin: 0;
  padding: 0;
}

.judul-tabel {
  color: #4a6572;
  font-size: 16px;
  margin-bottom: 2px;
  font-weight: bold;
}

.tabel-konvolusi {
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  margin: 0;
}

.sel-tabel {
  border: 1px solid #29292a;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #f3e9db;
}

.input-nilai {
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
  font-size: 16px;
  background: transparent;
  outline: none;
}

.tombol-cek {
  padding: 10px 20px;
  margin-top: 10px;
  background-color: #a06c37; /* coklat soft */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.tombol-cek:hover {
  background-color: #b3875d; /* lebih gelap saat hover */
}

.feedback {
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
}

.penjelasan {
  background-color: #f0f4c3;
  border-left: 4px solid #cddc39;
  padding: 10px 15px;
  border-radius: 5px;
  margin-top: 15px;
}

.hidden {
  display: none;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.isi-penjelasan {
  color: #5c6b73;
}

.sel-tabel input {
  pointer-events: none; /* Mencegah input pada Input Image dan Kernel */
}

#jawabanUser input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanGx input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanGy input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanMagnitude input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanThreshold input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanAbsolut input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanLaplace input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanSobel input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanMagnitudo input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanNMS input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanEdgeTracking input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanKonvolusiW input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanKonvolusiNW input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanKonvolusiS input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanEdgeStrength input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanZeroCrossing input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanDifference input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanThresholdDifference input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}

#jawabanGaussian input {
  pointer-events: auto; /* Mengaktifkan input hanya di tabel Jawaban */
}