/* Main CSS file - imports all modular CSS components */

/* Import base styles first */
@import url('base.css');

/* Import component-specific styles */
@import url('sidebar.css');
@import url('video-player.css');
@import url('tv-guide.css');

/* Import Video.js overrides last to ensure they take precedence */
@import url('videojs-overrides.css');

/* Any remaining shared styles that don't fit in other modules */

/* Print styles */
@media print {
    .sidebar-container,
    .video-container,
    .status,
    .loading-spinner {
        display: none !important;
    }
    
    .main-content {
        width: 100% !important;
    }
    
    .tv-guide-container {
        background: white !important;
        color: black !important;
    }
}