/**
 * SCADA响应式样式
 */

@media (max-width: 1200px) {
    .charts-grid.scada-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .status-header {
        padding: 10px 12px;
    }
    
    .status-header-row {
        flex-wrap: wrap;
    }
    
    .status-header-row-1 .status-header-title {
        flex: 1;
        min-width: 0;
    }
    
    .time-display {
        width: 100%;
        text-align: left;
        margin-top: 4px;
    }
    
    .status-header-row-2 {
        width: 100%;
    }
    
    .device-status-panel {
        flex: 1;
        min-width: 0;
    }
    
    .nav-menu {
        display: none;
    }
    
    .mobile-menu-toggle {
        display: flex;
    }
    
    .mobile-menu.active {
        display: block;
    }
    
    .result-content.dual-column {
        grid-template-columns: 1fr;
    }
    
    .analysis-controls {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn, .refresh-btn, .btn-export {
        min-width: 120px;
        padding: 10px 20px;
        font-size: 14px;
        width: 100%;
    }
    
    .data-grid {
        grid-template-columns: 1fr;
    }
    
    .last-update-time {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .btn, .refresh-btn, .btn-export {
        min-width: 100%;
    }
    
    .status-header-title h1,
    .status-header h1 {
        font-size: 1rem;
    }
    
    .param-value {
        font-size: 24px;
    }
}