/* Straight-beam UT-1: responsive, instrument-style A-scan workspace */
.um-instrument{background:#0c221e;border:1px solid #476d5a;border-radius:13px;padding:11px;margin-top:12px;box-shadow:0 12px 28px #0004;overflow:hidden}
.um-instrument-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap;color:#ebf2e4;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em}
.um-small{color:#9fbfad;font-weight:500}.um-onair{color:#92f3ae;font-size:10px;letter-spacing:.04em}
.um-acq-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr);gap:10px;margin-bottom:10px}
.um-gate-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:9px}
.um-acq-controls label,.um-gate-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#bed5c6;font-size:10px;letter-spacing:.03em;font-weight:750}
.um-acq-controls input[type=range],.um-gate-controls input[type=range]{flex:1;min-width:70px;accent-color:#a6edab;cursor:pointer}
.um-gate-controls input[type=range]{accent-color:#f47d7b}
.um-acq-controls output,.um-gate-controls output{font:700 12px ui-monospace,monospace;color:#e8d395;min-width:38px;text-align:right}
.um-acq-controls select{min-width:0;max-width:100%;width:100%;background:#152f28;border:1px solid #5c826d;border-radius:6px;color:#e8f1e7;min-height:38px;padding:5px}
.um-instrument #um-ascan{display:block;width:100%;height:clamp(235px,30vw,335px);background:#071c1a;border:1px solid #446b61;border-radius:8px;touch-action:none;cursor:ew-resize}
.um-measurements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}
.um-measurements>div{background:#081a19;border:1px solid #386b55;border-radius:8px;padding:10px 7px;min-width:0}
.um-measurements small{display:block;color:#b2cbbd;font-size:10px;letter-spacing:.03em}
.um-measurements strong{display:block;color:#a1f3b4;font:800 clamp(16px,2.8vw,27px)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Gate A amplitude now includes its % FSH unit inline; fit both on small phones. */
.um-measurements #um-amp{font-size:clamp(13px,2.2vw,22px);letter-spacing:-.03em}
.um-gate-status{margin-top:7px;color:#c0d2c6;font:700 11px ui-monospace,monospace}
.um-gate-status[data-state=peak]{color:#a8f1b6}.um-gate-status[data-state=over]{color:#ffb37b}
.um-a-help{font-size:11px;color:#aec6b7;margin:6px 0 0;line-height:1.35}
@media(max-width:600px){.um-instrument{padding:7px;margin-top:8px}.um-acq-controls{grid-template-columns:1fr 1fr}.um-acq-controls label:first-child{grid-column:1/-1}.um-gate-controls{gap:6px}.um-gate-controls label{gap:4px}.um-measurements strong{font-size:clamp(14px,4vw,21px)}.um-measurements #um-amp{font-size:clamp(13px,3.55vw,17px)}.um-measurements small{font-size:9px}.um-instrument #um-ascan{height:245px}.um-instrument-head{font-size:11px}}
@media(min-width:840px) and (orientation:landscape){#lab-ut{max-width:1060px;margin:auto}.um-platewrap{width:min(100%,490px)}}


/* UT Lab theme integration: use the same palettes as the main Test Maker.
   Scope visual chrome only; never recolor A-scan echoes or defect drawings. */
#lab-ut{
 --panel:var(--bog-panel);
 --panel2:var(--bog-secondary);
 --stroke:var(--bog-border);
 --text:var(--bog-text);
 --muted:var(--bog-muted);
 --cyan:var(--bog-accent);
 color:var(--bog-text);
}
#lab-ut .um-instrument{
 background:var(--bog-panel)!important;
 border-color:var(--bog-border)!important;
}
#lab-ut .um-instrument-head{color:var(--bog-text)}
#lab-ut .um-small,#lab-ut .um-head span,
#lab-ut .um-strip,#lab-ut .um-foot span,
#lab-ut .um-practice-caption,#lab-ut #um-practice-label{
 color:var(--bog-muted);
}
#lab-ut .um-onair{color:var(--bog-accent)}
#lab-ut .um-acq-controls label,#lab-ut .um-gate-controls label,
#lab-ut .um-controls label{color:var(--bog-muted)}
#lab-ut .um-acq-controls output,#lab-ut .um-gate-controls output{
 color:var(--bog-accent);
}
#lab-ut input[type=range]{accent-color:var(--bog-accent)!important}
#lab-ut .um-controls select,#lab-ut .um-acq-controls select,
#lab-ut .um-controls input,#lab-ut .um-acq-controls input:not([type=range]),
#lab-ut .um-gate-controls input:not([type=range]){
 background:var(--bog-input)!important;
 color:var(--bog-text)!important;
 border-color:var(--bog-input-border)!important;
}
#lab-ut .um-controls button,#lab-ut .um-modes button,
#lab-ut .um-toolbar button,#lab-ut .um-foot button,
#lab-ut #um-gate-pick{
 background:var(--bog-secondary)!important;
 color:var(--bog-text)!important;
 border-color:var(--bog-border)!important;
}
#lab-ut .um-modes button.active,#lab-ut .um-toolbar button.selected,
#lab-ut #um-gate-pick[aria-pressed="true"]{
 background:var(--bog-accent)!important;
 color:var(--bog-on-accent)!important;
 border-color:var(--bog-accent)!important;
}
#lab-ut .um-measurements>div{
 background:var(--bog-input);
 border-color:var(--bog-border);
}
#lab-ut .um-measurements small{color:var(--bog-muted)}
#lab-ut .um-measurements strong{color:var(--bog-accent)}
#lab-ut .um-gate-status{color:var(--bog-muted)}
#lab-ut .um-gate-status[data-state=peak]{color:var(--bog-accent)}
/* A genuine over-range alert remains distinct from the selected theme. */
#lab-ut .um-gate-status[data-state=over]{color:#ffb37b}
#lab-ut .um-instrument :focus-visible,#lab-ut .um-modes :focus-visible,
#lab-ut .um-controls :focus-visible,#lab-ut .um-toolbar :focus-visible{
 outline:2px solid var(--bog-accent);
 outline-offset:2px;
}

/* Stillwater intentionally uses muted green selection with readable tan text. */
html[data-bog-theme="stillwater"] #lab-ut .um-modes button.active,
html[data-bog-theme="stillwater"] #lab-ut .um-toolbar button.selected,
html[data-bog-theme="stillwater"] #lab-ut #um-gate-pick[aria-pressed="true"]{
 background:var(--bog-selected)!important;
 color:var(--bog-text)!important;
 border-color:var(--bog-accent)!important;
}