/* ===== MODE PUBLIK HANYA LIHAT ===== */

body.public-readonly-mode main input:not([type="hidden"]),
body.public-readonly-mode main textarea,
body.public-readonly-mode main select {
  pointer-events: none !important;
  cursor: default !important;
  outline: none !important;
}

/* Kotak input menjadi angka atau tulisan biasa */
body.public-readonly-mode main input:not([type="hidden"]),
body.public-readonly-mode main textarea {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;

  padding: 0 !important;
  opacity: 1 !important;
}

body.public-readonly-mode main input[type="number"] {
  width: 48px !important;
  text-align: center !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

body.public-readonly-mode main
input[type="number"]::-webkit-inner-spin-button,
body.public-readonly-mode main
input[type="number"]::-webkit-outer-spin-button {
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.public-readonly-mode main
input:not([type="number"]):not([type="hidden"]) {
  text-align: left !important;
}

/* Select menjadi tulisan biasa */
body.public-readonly-mode main select {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;

  color: inherit !important;
  opacity: 1 !important;
  appearance: none !important;
}

/* Tombol pengeditan disembunyikan */
.public-edit-control-hidden {
  display: none !important;
}

/* Hilangkan tanda bahwa elemen dapat diedit */
body.public-readonly-mode main [contenteditable] {
  cursor: default !important;
  outline: none !important;
}

/* ===== END MODE PUBLIK HANYA LIHAT ===== */