/* Portal Pendidikan v221 — lapisan respons cepat untuk seluruh portal. */
:root {
  --portal-fast-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  scroll-behavior:auto !important;
}

html,body,button,input,select,textarea {
  font-family:var(--portal-fast-font) !important;
}

html,body {
  text-rendering:optimizeSpeed;
}

button,a,[role="button"],input,select,textarea {
  touch-action:manipulation;
}

button,a,[role="button"],.card,.panel,.modal-card,.profile-menu,
[class*="-card"],[class*="-panel"],[class*="-row"] {
  transition-duration:80ms !important;
  transition-delay:0ms !important;
}

main > section > *,#content > *,#foundationContent > *,
#ownerContent > *,#root > * {
  animation:none !important;
}

:is(.modal,.dialog):not(.hidden),
:is(.modal,.dialog):not(.hidden) :is(.modal-card,[class$="-dialog"],[class$="-card"]) {
  animation-duration:90ms !important;
  animation-delay:0ms !important;
}

.modal:not(.hidden) {
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  background-color:rgba(18,29,36,.58) !important;
}

header,.topbar,.app-header,[class*="sticky"] {
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

:is(.card,.panel,.school-list-row,.school-card,.ab-card,.eskul-program-card,
.document-item,.announcement,.notification-item):not(.modal-card) {
  content-visibility:auto;
  contain-intrinsic-size:auto 180px;
}

:is(.card,.panel,.school-list-row,.school-card,.ab-card,.eskul-program-card):hover {
  transition-duration:70ms !important;
}

.loading:not(.hidden),[aria-busy="true"] {
  animation-delay:0ms !important;
}

@media (max-width:850px),(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto !important;
  }

  main > section > *,#content > *,#foundationContent > *,#ownerContent > *,
  .modal:not(.hidden),.modal:not(.hidden) .modal-card {
    animation:none !important;
  }

  button,a,[role="button"],.card,.panel,.modal-card {
    transition:none !important;
  }

  .card:hover,.panel:hover,[class*="-card"]:hover {
    transform:none !important;
  }
}

@media print {
  * { content-visibility:visible !important; }
}