/* ===========================
   Desktop Responsive Styles
=========================== */

/* Desktop Breakpoint: min-width: 1025px */
@media (min-width: 1025px) {
    /* Sidebar Desktop Styles */
    .sidebar {
        transform: translateX(0);
    }
    
    /* Page Content Desktop */
    .page-content {
        margin-left: 250px;
    }
    
    /* Hide Mobile Navigation Tabs on Desktop */
    .mobile-nav-tabs {
        display: none !important;
    }
    
    /* Chart Legends - Full display on desktop */
    .js-plotly-plot .legend {
        display: block !important;
        font-size: 11px !important;
    }
    
    /* Transaction Display - Show AG Grid on desktop */
    #desktop-transactions-container {
        display: block !important;
    }
    
    #top-transactions-cards {
        display: none !important;
    }
    
    /* Overlay Responsive Display */
    #transactions-grid-overlay {
        display: block !important;
    }
    #transactions-cards-overlay {
        display: none !important;
    }
    
    #income-desktop-transactions-container {
        display: block !important;
    }
    #income-transactions-cards {
        display: none !important;
    }
    
    #income-transactions-grid-overlay {
        display: block !important;
    }
    #income-transactions-cards-overlay {
        display: none !important;
    }
    
    #expenses-desktop-transactions-container {
        display: block !important;
    }
    #expenses-transactions-cards {
        display: none !important;
    }
    
    #all-expenses-grid-overlay {
        display: block !important;
    }
    #expenses-transactions-cards-overlay {
        display: none !important;
    }
    
    #simulation-desktop-results-container {
        display: block !important;
    }
    #simulation-results-cards {
        display: none !important;
    }
}