/* Portal Siswa v71: notification and profile layers must stay above active tabs. */
.portal-student-notification-layer {
  position: fixed !important;
  top: 74px !important;
  right: 12px !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
}

#root > .flex.h-screen > .flex-1.flex.flex-col.overflow-hidden:has(.portal-student-header-actions) {
  overflow: visible !important;
}

#root header:has(.portal-student-header-actions) {
  position: relative !important;
  z-index: 2147483600 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.student-profile-menu-layer {
  position: fixed !important;
  top: 68px !important;
  right: 16px !important;
  z-index: 2147483646 !important;
  pointer-events: auto !important;
}

@media (max-width: 640px) {
  .portal-student-notification-layer {
    top: 68px !important;
    right: 8px !important;
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 150px) !important;
  }

  .student-profile-menu-layer {
    top: 64px !important;
    right: 8px !important;
    width: min(288px, calc(100vw - 16px)) !important;
  }
}