/* ==================================================================
         * PATCH: SCROLL SIDEBAR MOBILE LEBIH HALUS
         * ------------------------------------------------------------------
         * Menambahkan momentum-scroll iOS lama & mencegah "scroll chaining"
         * (menggeser sidebar ikut menggeser halaman di belakangnya), yang
         * sering terasa seperti sidebar "macet"/tersendat saat digulir di
         * layar sentuh.
         * ================================================================== */
        #main-nav {
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
        }

        /* ==================================================================
         * PATCH: KARTU "TERLAMBAT" SEJAJAR SATU BARIS DI DESKTOP
         * ------------------------------------------------------------------
         * Kartu Terlambat disuntikkan lewat JS (lihat
         * window.injectKartuTerlambatDashboard) dengan class
         * "col-span-2 lg:col-span-1". Class "lg:col-span-1" ini TIDAK ada
         * di stylesheet Tailwind bawaan file (Tailwind di sini sudah
         * di-compile jadi CSS statis, hanya berisi class yang benar-benar
         * dipakai di teks HTML aslinya -- class yang baru ditambahkan lewat
         * JS setelahnya tidak ikut ter-generate). Akibatnya di layar
         * desktop kartu Terlambat tetap selebar 2 kolom (gaya mobile) dan
         * tidak muat sejajar dengan kartu Sakit & Izin dalam grid 5 kolom,
         * sehingga turun ke baris baru sendiri.
         * ================================================================== */
        @media (min-width: 1024px) {
            .lg\:col-span-1 {
                grid-column: span 1 / span 1;
            }
        }