/* ═══════════════════════════════════════════════
   OMEGA ERA 7.2.3 — TELEMETRY & VISUALIZERS
   ═══════════════════════════════════════════════ */

.oscilloscope-module {
    width: 280px;
    height: calc(100% - 20px) !important;
    border-left: 4px solid var(--wb-primary) !important;
    background: #0a0e0e !important;
    display: flex;
    flex-direction: column;
}

.oscilloscope-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 100%;
}

.osc-viewport {
    position: relative;
    background: #050505;
    border: 2px solid #222;
    border-radius: 4px;
    overflow: hidden;
    height: 120px;
}

.osc-grid-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        linear-gradient(rgba(0, 242, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
}

/* MINI SCOPE */
.visualizer-container {
    width: 100%;
    aspect-ratio: 4/3;
    background: #050505;
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}