/* v229 — khusus popup Tambah/Ubah Eskul v203/v207 di Portal Sekolah. */
#modal .modal-card:has(.eskul-v203-form-shell) {
  position:relative !important;
  isolation:isolate;
}

#modal .modal-card:has(.eskul-v203-form-shell) > .close {
  position:absolute !important;
  z-index:2147483647 !important;
  top:14px !important;
  right:14px !important;
  display:grid !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  place-items:center !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

#modal .modal-card:has(.eskul-v203-form-shell) #modalBody {
  position:relative;
  z-index:1;
}

#modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head {
  position:relative;
  z-index:1;
  min-height:42px;
  padding:8px 58px 14px 4px !important;
  border-bottom:1px solid rgba(66,105,92,.13) !important;
  background:transparent !important;
  box-shadow:none !important;
}

#modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head > span {
  display:block;
  margin:0;
  color:#07866a !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  line-height:1.4;
}

@media (max-width:640px) {
  #modal .modal-card:has(.eskul-v203-form-shell) > .close {
    top:11px !important;
    right:11px !important;
  }

  #modal .modal-card:has(.eskul-v203-form-shell) .eskul-v203-form-head {
    padding-right:52px !important;
  }
}