/* v240 — satu permukaan popup putih polos, khusus Anggaran Kegiatan. */
#modal.modal:has(.ab-modal) {
  padding:16px !important;
}

#modal .modal-card:has(.ab-modal) {
  width:min(920px,calc(100vw - 32px)) !important;
  max-width:920px !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:20px !important;
  background:transparent !important;
  box-shadow:none !important;
}

#modal .modal-card:has(.ab-modal) #modalBody {
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#modal .modal-card:has(.ab-modal) .ab-modal {
  width:100% !important;
  padding:26px 28px 30px !important;
  border:0 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:none !important;
}

#modal .modal-card:has(.ab-modal) > :is(.close,.modal-close) {
  border:0 !important;
  background:#eef7f4 !important;
  color:#176653 !important;
  box-shadow:none !important;
}

#modal .ab-modal form :is(input,select,textarea) {
  border:1px solid #e5ece9 !important;
  background:#f6f9f8 !important;
  box-shadow:none !important;
}

#modal .ab-modal :is(.ab-line,.ab-attachment) {
  border:0 !important;
  background:#f7faf9 !important;
  box-shadow:none !important;
}

#modal .ab-modal .ab-form-actions {
  margin:8px -28px -30px !important;
  padding:15px 28px 17px !important;
  border-top:1px solid #edf1ef !important;
  background:#fff !important;
  box-shadow:none !important;
}

@media (max-width:780px) {
  #modal.modal:has(.ab-modal) {
    padding:8px 8px 0 !important;
  }

  #modal .modal-card:has(.ab-modal) {
    width:100% !important;
    max-width:100% !important;
    border-radius:22px 22px 0 0 !important;
  }

  #modal .modal-card:has(.ab-modal) .ab-modal {
    padding:22px 17px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius:22px 22px 0 0 !important;
  }

  #modal .ab-modal .ab-form-actions {
    margin:8px -17px calc(-22px - env(safe-area-inset-bottom)) !important;
    padding:13px 17px calc(14px + env(safe-area-inset-bottom)) !important;
  }
}