/* ==========================================
   KASBON BEK - FREEZE SIDEBAR ONLY
   Sidebar kiri tetap, konten kanan normal
   ========================================== */

@media (min-width: 801px) {

    /* Halaman kanan tetap scroll normal */
    html,
    body {
        height: auto;
        min-height: 100%;
    }

    body.admin-login {
        overflow-y: auto;
    }

    /* Struktur utama website */
    .layout-shell {
        display: flex;
        align-items: stretch;
        min-height: 100vh;
        overflow: visible;
    }

    /* Sidebar kiri tetap terlihat */
    .layout-shell > .kasbon-sidebar {
        position: sticky !important;
        top: 0 !important;

        align-self: flex-start;
        height: 100vh;
        height: 100dvh;
        max-height: 100dvh;

        overflow-y: auto;
        overflow-x: hidden;

        flex: 0 0 245px;
        width: 245px;

        z-index: 50;
        background: #ffffff;
        overscroll-behavior: contain;
    }

    /* Konten kanan tetap seperti semula */
    .layout-shell > .app-container {
        flex: 1;
        min-width: 0;
        max-width: none;
    }

    /* Jangan bekukan header kanan */
    .app-container .header {
        position: relative !important;
        top: auto !important;
    }

    /* Jangan bekukan judul halaman kanan */
    .app-container .page-heading {
        position: static !important;
    }
}

/* Tablet dan HP mengikuti layout asli */
@media (max-width: 800px) {
    .layout-shell > .kasbon-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto;
        max-height: none;
        overflow: visible;
    }
}