@import url('root.css');

    body {
        font-family: 'Sarabun', sans-serif;
        overflow: hidden;
        background-color: var(--bg-soft);

    }

    body .content {
        min-height: 100%;
    
        overflow-y:hidden; /* ซ่อนแถบเลื่อนแนวตั้ง */

        /* padding-bottom: 2rem; */
    }

    /* Sidebar Collapsible Styles */
    #sidebar {
        transition: all 300ms ease-in-out;
    }

    @media (min-width: 1024px) {
        #sidebar {
            width: 16rem;
            /* w-64 */
        }

        #sidebar.sidebar-collapsed {
            width: 5rem;
            /* w-20 */
        }

        #sidebar.sidebar-collapsed .sidebar-text {
            display: none !important;
        }

        #sidebar.sidebar-collapsed a,
        #sidebar.sidebar-collapsed button {
            justify-content: center !important;
            padding: 0.75rem !important;
        }

        #sidebar.sidebar-collapsed svg {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        /* Main content transition */
        #main-content {
            margin-left: 16rem;
            /* ml-64 */
        }

        #main-content.main-content-collapsed {
            margin-left: 5rem;
            /* ml-20 */
        }

        #main-content.ml-0 {
            margin-left: 0 !important;
        }
    }

    /* Mobile - no margin */
    @media (max-width: 1023px) {
        #main-content {
            margin-left: 0 !important;
        }
    }