/* Estrutura do simulador operacional, com contraste reforçado para leitura dos dados. */
body:has(.simulator-shell) {
    background: #102234;
    color: #f1f7fc;
}

.site-strip {
    height: 48px;
    justify-content: flex-start;
    background: #13283b;
    border-color: #31506b;
    color: #adc1d2;
    font-size: 10px;
}

.site-strip b {
    padding-left: 18px;
    border-left: 1px solid #466078;
    color: #ffad19;
}

.site-strip span { margin-left: auto; }
.simulator-shell { width: 100%; max-width: none; padding: 64px 24px 70px; }
.sim-head { align-items: end; margin-bottom: 26px; }
.brand-line img { width: 155px; height: 32px; object-fit: contain; object-position: left center; }
.brand-line span { padding-left: 12px; border-left: 1px solid #476078; }
.sim-head h1 { font-size: clamp(25px,2.1vw,36px); }
.sim-head h1 em { color: #ffad19; }
.sim-head p { max-width: 690px; color: #b2c3d1; font-size: 11px; line-height: 1.55; }

.instrument-grid {
    grid-template-columns: 280px minmax(520px, 1fr) 280px;
    gap: 16px;
    align-items: start;
}

.controls, .panel, .measurements {
    background: #14283a;
    border-color: #3b566d;
    box-shadow: 0 9px 22px rgba(0,0,0,.16);
}

.controls { padding: 16px; }
.controls h2, .measurements > h2 { color: #68b3ff; border-color: #3b566d; }
.controls label, .range-control > div, .frequency { color: #b5c6d4; }
.controls select { background: #1a3145; border-color: #557087; color: #fff; }
.range-control b { color: #58aaff; }
.range-control em { color: #c4d0da; }
.range-control input { background: #567085; accent-color: #3098f2; }
.frequency button { background: #172d40; border-color: #536b80; color: #c0ced9; }
.frequency button.on { background: #16436a; color: #fff; }

.visuals {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.panel-title { color: #72b8ff; border-color: #3b566d; background: #122537; }
.panel-title small { color: #a8bbc9; }
.scope canvas { height: 200px; }
.fft { min-height: 230px; }
.bars { height: 184px; background: repeating-linear-gradient(to top,#14283a 0,#14283a 45px,#294156 46px); }
.bar-group b { color: #b1c3d1; }
.status-row { grid-column: auto; }
.status-card { background: #162d40; }
.status-card span, .status-card small { opacity: 1; }
.standards { grid-column: auto; }

.measurements-side { margin: 0; padding: 16px; }
.measurements-side .metric-grid { grid-template-columns: repeat(2,1fr); gap: 10px; }
.measurements-side .metric-grid article {
    position: relative;
    min-height: 76px;
    padding: 10px 9px;
    background: #193247;
    border-color: #4a6479;
}
.measurements-side .metric-grid article:nth-child(n+3) { border-color: #287358; background: #14382f; }
.measurements-side .metric-grid article:nth-child(6),
.measurements-side .metric-grid article:nth-child(9),
.measurements-side .metric-grid article:nth-child(10) { border-color: #9a6c24; background: #3a301e; }
.measurements-side .metric-grid span:not(.metric-dot) { padding-left: 12px; color: #c1d0db; }
.measurements-side .metric-grid .metric-dot { position: absolute; left: 9px; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #38d785; }
.measurements-side .metric-grid article:nth-child(6) .metric-dot,
.measurements-side .metric-grid article:nth-child(9) .metric-dot,
.measurements-side .metric-grid article:nth-child(10) .metric-dot { background: #ffb321; }
.measurements-side .metric-grid strong { color: #54e69b; font-size: 18px; }
.measurements-side .metric-grid article:nth-child(6) strong,
.measurements-side .metric-grid article:nth-child(9) strong,
.measurements-side .metric-grid article:nth-child(10) strong { color: #ffc340; }
.measurements-side .metric-grid small { color: #a4b7c5; }
.analysis-lower { margin-top: 16px; }
.lower-grid { grid-template-columns: 360px 1fr; }
.system { background: #14283a; }

@media(max-width:1200px) {
    .instrument-grid { grid-template-columns: 280px 1fr; }
    .measurements-side { grid-column: 1 / -1; }
    .measurements-side .metric-grid { grid-template-columns: repeat(6,1fr); }
}

@media(max-width:800px) {
    .instrument-grid { grid-template-columns: 1fr; }
    .measurements-side .metric-grid { grid-template-columns: repeat(2,1fr); }
    .lower-grid { grid-template-columns: 1fr; }
    .site-strip b { border: 0; padding: 0; }
}