/* Overlay loading transisi antar halaman -- dipakai bareng assets/js/page-loader.js
   di semua halaman (login, petugas, admin). Muncul singkat saat user klik link
   navigasi atau submit form yang berpindah halaman, supaya ada feedback visual
   selagi menunggu request selesai (tanpa ini, jeda loading kelihatan seperti nge-hang). */
.page-loader-overlay{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(242,244,249,.85);
  opacity:0;
  visibility:hidden;
  transition:opacity .15s ease;
}
.page-loader-overlay.is-active{
  opacity:1;
  visibility:visible;
}
.page-loader-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.65rem;
}
.page-loader-spinner{
  width:2.6rem;
  height:2.6rem;
  border-width:.28em;
  color:var(--app-blue,var(--pln-blue,#0a3d8f));
}
.page-loader-text{
  font-family:'Inter',sans-serif;
  font-size:.8rem;
  font-weight:600;
  color:var(--app-blue-dark,var(--pln-blue-dark,#062a63));
}