/* Printis Mobile Windows Mode
   Tujuan: di HP layout tetap memakai mode desktop/windows, bukan mode mobile yang menyembunyikan menu. */

@media (max-width: 767px) {
    html.printis-mobile-windows-mode,
    html.printis-mobile-windows-mode body {
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: none !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-text-size-adjust: 100%;
        touch-action: pan-x pan-y;
    }

    html.printis-mobile-windows-mode body {
        zoom: 1;
    }

    html.printis-mobile-windows-mode .printos-shell,
    html.printis-mobile-windows-mode .printis-shell,
    html.printis-mobile-windows-mode .app-shell,
    html.printis-mobile-windows-mode .layout-shell,
    html.printis-mobile-windows-mode #app {
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: none !important;
        overflow: visible !important;
    }

    html.printis-mobile-windows-mode .printos-header,
    html.printis-mobile-windows-mode .printis-header,
    html.printis-mobile-windows-mode header[class*="print"],
    html.printis-mobile-windows-mode .printos-topbar,
    html.printis-mobile-windows-mode .printos-tabbar,
    html.printis-mobile-windows-mode .printis-tabbar {
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: none !important;
        transform: none !important;
    }

    html.printis-mobile-windows-mode .printos-rail,
    html.printis-mobile-windows-mode .printis-rail,
    html.printis-mobile-windows-mode .sidebar-rail,
    html.printis-mobile-windows-mode aside[class*="rail"],
    html.printis-mobile-windows-mode aside[class*="sidebar"] {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        position: fixed !important;
        left: 0 !important;
        z-index: 1040 !important;
    }

    html.printis-mobile-windows-mode .printos-main,
    html.printis-mobile-windows-mode .printis-main,
    html.printis-mobile-windows-mode .main-content,
    html.printis-mobile-windows-mode main {
        min-width: calc(1280px - var(--printos-rail, 72px)) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    html.printis-mobile-windows-mode .printos-submenu,
    html.printis-mobile-windows-mode .printos-submenu-panel,
    html.printis-mobile-windows-mode .printis-submenu,
    html.printis-mobile-windows-mode .printis-submenu-panel,
    html.printis-mobile-windows-mode [data-submenu],
    html.printis-mobile-windows-mode [data-submenu-panel] {
        max-height: calc(100vh - 92px) !important;
        overflow-y: auto !important;
        overflow-x: visible !important;
        overscroll-behavior: contain;
        visibility: visible;
    }

    html.printis-mobile-windows-mode .dropdown-menu,
    html.printis-mobile-windows-mode .dropdown-panel,
    html.printis-mobile-windows-mode [role="menu"] {
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
    }

    html.printis-mobile-windows-mode .mobile-only,
    html.printis-mobile-windows-mode .only-mobile,
    html.printis-mobile-windows-mode .printis-mobile-only {
        display: none !important;
    }

    html.printis-mobile-windows-mode .desktop-only,
    html.printis-mobile-windows-mode .only-desktop,
    html.printis-mobile-windows-mode .printis-desktop-only {
        display: revert !important;
    }

    html.printis-mobile-windows-mode table,
    html.printis-mobile-windows-mode .table-responsive,
    html.printis-mobile-windows-mode .card,
    html.printis-mobile-windows-mode .panel {
        max-width: none !important;
    }
}