/* Konfigurasi Statis Blogger */
        .post-title, .post-header, .post-footer, .comments, .sidebar, .header-widget { display: none !important; }
        .post-body { margin: 0 !important; padding: 0 !important; }
        body { 
            padding: 0 !important; margin: 0 !important;
            background-color: #f8fafc; /* Slate 50 */
            -webkit-font-smoothing: antialiased;
        }
        
        /* Modern Scrollbar */
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        /* Animations */
        .fade-in { animation: fadeIn 0.4s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        /* Hide arrows in number input & Select Customization */
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        /* PENGATURAN CETAK (PRINT CSS) */
        @media print {
            body > *:not(#print-area) { display: none !important; }
            #print-area { 
                display: block !important; 
                visibility: visible !important;
                position: absolute; 
                left: 0; top: 0; 
                width: 100%; 
                margin: 0; padding: 0; 
                background: white; 
                color: black; 
                font-family: 'Times New Roman', Times, serif; /* Font resmi dokumen */
            }
            @page { margin: 1.5cm; size: landscape; }
            .print-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 12px; }
            .print-table th, .print-table td { border: 1px solid black; padding: 6px; text-align: left; }
            .print-table th { background-color: #e2e8f0 !important; -webkit-print-color-adjust: exact; }
            .print-kop { border-bottom: 3px solid black; margin-bottom: 20px; padding-bottom: 10px; display: flex; align-items: center; }
            .print-ttd { margin-top: 40px; page-break-inside: avoid; }
        }

/* Mini Sidebar Styles */
.sidebar-mini #sidebar {
    width: 4.5rem !important; /* Shrink sidebar to 72px for a sleeker profile! */
    overflow: visible !important;
}
.sidebar-mini #sidebar .w-64 {
    width: 4.5rem !important;
}
.sidebar-mini #sidebar .sidebar-text {
    display: none !important;
}
.sidebar-mini #sidebar .sidebar-category {
    display: block !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.sidebar-mini #sidebar .sidebar-category p {
    display: none !important;
}
.sidebar-mini #sidebar .sidebar-category .px-4 {
    padding-left: 1rem !important; /* 72px - 32px = 40px width line */
    padding-right: 1rem !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}
.sidebar-mini #sidebar nav > .sidebar-category:first-child {
    display: none !important; /* Hide line above first tab (Dashboard) to avoid double lines */
}
.sidebar-mini #sidebar .sidebar-logo {
    display: none !important;
}
.sidebar-mini #sidebar .sidebar-logo-mini {
    display: block !important;
}
.sidebar-mini #sidebar .h-24 {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Nav Container Minimized Mode */
.sidebar-mini #sidebar .py-6.flex-grow.overflow-y-auto {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Nav Buttons Minimized Mode */
.sidebar-mini #sidebar .admin-nav-btn {
    width: 2.75rem !important; /* 44px x 44px */
    height: 2.75rem !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.375rem !important; /* Increased vertical margin for better spacing */
    margin-bottom: 0.375rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important; /* Matching 12px border radius */
    box-shadow: none !important;
}
.sidebar-mini #sidebar .admin-nav-btn .nav-icon-box {
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.sidebar-mini #sidebar .admin-nav-btn i {
    text-align: center !important;
    width: auto !important;
    font-size: 1.15rem !important;
    color: inherit !important;
}

/* Non-Active Button Standby Mode */
.sidebar-mini #sidebar .admin-nav-btn:not(.bg-\[\#f0fdf4\]) {
    background-color: #f0fdf4 !important; /* Standby light green */
    color: #16a34a !important; /* Green icon color */
}
.sidebar-mini #sidebar .admin-nav-btn:not(.bg-\[\#f0fdf4\]) i {
    color: #16a34a !important;
}

/* Non-Active Button Hover Mode */
.sidebar-mini #sidebar .admin-nav-btn:not(.bg-\[\#f0fdf4\]):hover {
    background-color: #dcfce7 !important; /* Hover slightly darker green */
    color: #15803d !important;
}
.sidebar-mini #sidebar .admin-nav-btn:not(.bg-\[\#f0fdf4\]):hover i {
    color: #15803d !important;
}

/* Active Button Minimized Mode */
.sidebar-mini #sidebar .admin-nav-btn.bg-\[\#f0fdf4\] {
    background-color: #16a34a !important; /* Solid green active background */
    box-shadow: 0 4px 6px -1px rgb(22 163 74 / 0.15), 0 2px 4px -2px rgb(22 163 74 / 0.15) !important;
    color: #ffffff !important;
}
.sidebar-mini #sidebar .admin-nav-btn.bg-\[\#f0fdf4\] i {
    color: #ffffff !important; /* White active icon */
}
.sidebar-mini #sidebar .admin-nav-btn.bg-\[\#f0fdf4\]:hover {
    background-color: #15803d !important; /* Slightly darker solid green on hover */
}

/* Mini Sidebar Profile Card Styles */
.sidebar-mini #sidebar .p-4.border-t {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.sidebar-mini #sidebar .p-4.border-t button {
    width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 12px !important; /* Squircle matching navigation buttons! */
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    display: flex !important;
}
.sidebar-mini #sidebar .p-4.border-t button:hover {
    background-color: #f1f5f9 !important;
}
.sidebar-mini #sidebar .p-4.border-t #header-user-initial {
    width: 2.25rem !important; /* 36px */
    height: 2.25rem !important;
    margin: 0 !important;
    border-radius: 9999px !important; /* Perfect circular avatar initials */
    font-size: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.sidebar-mini #sidebar .p-4.border-t #header-profile-menu {
    left: 100% !important;
    bottom: 0 !important;
    margin-left: 0.75rem !important;
    margin-bottom: 0 !important;
    width: 12rem !important;
    min-width: 12rem !important; /* Ensure it stays 192px and never gets squashed by narrow sidebar */
    max-width: none !important;
    border-radius: 12px !important;
}
.sidebar-mini #sidebar .p-4.border-t #header-profile-menu button {
    white-space: nowrap !important; /* Prevent text inside actions like "Profil Saya" from wrapping */
}