/* ========================================
       Responsive Design
       ======================================== */
  
    @media (max-width: 1400px) {
        .info-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
  
    @media (max-width: 1000px) {
        .detail-list {
            grid-template-columns: repeat(2, 1fr);
        }
    }
  
    @media (max-width: 768px) {
        .main-content {
            flex-direction: column;
        }
  
        .left-panel {
            width: 100%;
            min-width: 100%;
            max-height: 40vh;
        }
  
        .main-tabs {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
  
        .main-tab-item {
            white-space: nowrap;
        }
  
        .info-grid {
            grid-template-columns: 1fr;
        }
  
        .detail-list {
            grid-template-columns: 1fr;
        }
  
        .cell-voltage-list {
            grid-template-columns: 1fr;
        }
    }
  
    /* ========================================
       Print Styles
       ======================================== */

    @media print {
        .left-panel,
        .main-tabs,
        .status-bar {
            display: none !important;
        }

        .right-panel {
            width: 100%;
        }

        .content-area {
            overflow: visible;
        }
    }