/* Portal Pendidikan v112 — form tetap terlihat dan bisa digulir saat keyboard mobile terbuka. */
:root {
  --portal-visual-height: var(--portal-viewport-height, 100dvh);
  --portal-visual-top: 0px;
}

@media (max-width: 900px), (pointer: coarse) {
  body.portal-keyboard-open .portal-keyboard-surface {
    box-sizing: border-box !important;
    inset: auto 0 auto 0 !important;
    top: var(--portal-visual-top) !important;
    width: 100% !important;
    height: var(--portal-visual-height) !important;
    min-height: 0 !important;
    max-height: var(--portal-visual-height) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    align-items: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  body.portal-keyboard-open .portal-keyboard-scroll {
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-height: calc(var(--portal-visual-height) - 16px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-top: 16px;
    scroll-padding-bottom: 28px;
    touch-action: pan-y;
  }

  body.portal-keyboard-open .portal-keyboard-surface > .portal-keyboard-scroll {
    flex: 0 1 auto !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  body.portal-keyboard-open input:not([type="hidden"]),
  body.portal-keyboard-open textarea,
  body.portal-keyboard-open select,
  body.portal-keyboard-open [contenteditable="true"] {
    scroll-margin-top: 20px;
    scroll-margin-bottom: 36px;
  }
}