/* Common CSC Desktop Styles */

@media screen and (min-width: 769px) {
    /* Desktop Layout Adjustments */
    main {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
    }
    
    /* Stat Cards - Better hover on desktop */
    .stat-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
    
    /* Top App Bar */
    header {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    /* Button hover effects */
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
    }
    
    /* Grid adjustments for desktop */
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    /* Better spacing on desktop */
    section {
        padding: 1.5rem 2rem;
    }
}

/* Large Desktop (1024px and above) */
@media screen and (min-width: 1024px) {
    /* Sidebar always visible on desktop */
    #cscSidebar {
        display: flex !important;
    }
    
    /* Hide mobile drawer on desktop */
    #sideDrawer {
        display: none !important;
    }
    
    /* Hide mobile menu toggle on desktop */
    #menuToggleBtn {
        display: none !important;
    }
    
    main {
        padding: 2rem;
    }
}