/* ════════════════════════════════════════════════════════════════════
   Measurements (bottom of inspector)
   ════════════════════════════════════════════════════════════════════ */

/* Spectrograph model/source details are internal diagnostics. Keep them in
   the DOM for Developer Mode, but remove them from the public readout card. */
body:not(.dev-mode) .spec-dev-only { display: none !important; }

.ins-readings {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 10px 18px 14px;
  min-height: 0;
}

.measurement {
  margin-bottom: 8px;
  padding: 10px 12px 11px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 4px;
  position: relative;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.measurement.selected {
  border-color: var(--ink-1);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.10);
}

.measurement.over   { border-left: 3px solid var(--warn); padding-left: 10px; }
.measurement.bad    { border-left: 3px solid var(--bad);  padding-left: 10px; }

.m-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.m-led {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--good);
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.18);
  animation: pulse 2s ease-in-out infinite;
}

.m-led.warn  { background: var(--warn); box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.18); }
.m-led.bad   { background: var(--bad);  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18); }
.m-led.empty { background: var(--ink-3); box-shadow: none; animation: none; }

.m-sku {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: 0.04em;
}

.m-id {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--ink-3);
  margin-left: auto;
}

.m-value {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
}

.m-num {
  /* Measurement hero value — a number with a unit, so Geist Mono (§4.1).
     UX-10 mono 提存在感：26 → 28 / 500（§4.2 顶档），光学仪器面板的焦点读数。 */
  font-family: var(--font-mono);
  font-size: 28px;
  line-height: 1;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.m-unit {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-3);
  letter-spacing: 0.04em;
}

.m-detail {
  margin-top: 6px;
  font-family: var(--font-mono);
  font-size: 10.5px;           /* UX-2：9.5 → 10.5（明细行可读下限） */
  color: var(--ink-2);
  line-height: 1.55;
  letter-spacing: 0.01em;
}

.m-detail .m-row {
  display: flex;
  gap: 6px;
}

.m-detail .m-row-key {
  color: var(--ink-3);
  flex: 0 0 50px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 8.5px;
  padding-top: 1px;
}

.m-detail .m-row-val {
  color: var(--ink);
  flex: 1;
}

.m-detail .beam-chip {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 500;
  color: white;
  margin-right: 4px;
  letter-spacing: 0.02em;
}

.m-warning {
  margin-top: 7px;
  padding: 5px 8px;
  background: var(--warn-bg);
  color: var(--warn-ink);
  font-size: 10px;
  border-radius: 3px;
  border-left: 2px solid var(--warn);
  line-height: 1.45;
}

.m-warning.bad {
  background: var(--bad-bg);
  color: var(--bad-ink);
  border-left-color: var(--bad);
}

.m-empty-state {
  padding: 24px 16px;
  text-align: center;
  font-size: 10.5px;
  color: var(--ink-3);
  letter-spacing: 0.06em;
  line-height: 1.6;
}