/* POSKOMEDIA: perbaikan scroll dashboard tanpa mengubah layout utama */
html,
body {
  min-height: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto !important;
  scroll-behavior: auto;
}

/* Aturan berikut hanya berlaku saat halaman admin memiliki .app-shell */
body:has(.app-shell) {
  height: auto !important;
  min-height: 100vh;
  overflow-y: auto !important;
  overflow-x: hidden;
}

.app-shell {
  display: block;
  min-height: 100vh;
  height: auto !important;
  overflow: visible !important;
}

.main-area {
  min-height: 100vh;
  height: auto !important;
  overflow: visible !important;
}

.page-content {
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
}

/* Sidebar punya scroll sendiri jika daftar menu melebihi tinggi layar */
.sidebar {
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(198, 161, 91, .55) transparent;
}

.sidebar::-webkit-scrollbar { width: 5px; }
.sidebar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgba(198, 161, 91, .55);
}

@media (max-width: 760px) {
  .sidebar {
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}