/* Ship AIM1 -- the Measurements view. Dense, scannable, one column at phone width. */
.ms-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 8px; }
.ms-controls label { white-space: nowrap; }
.ms-group { margin: 12px 0 20px; }
.ms-banner { border: 1px solid var(--line); padding: 4px 8px; font-weight: 600; display: inline-block; }
.ms-section h4 { margin: 10px 0 4px; text-transform: capitalize; }
.ms-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 8px; }
.ms-card { border: 1px solid var(--line); border-radius: 4px; padding: 6px 8px; background: var(--panel); min-width: 0; }
.ms-card.state-unavailable, .ms-card.state-absent, .ms-card.state-not_captured { opacity: 0.8; border-style: dashed; }
.ms-card.state-stale { border-color: #b08900; }
.ms-card-head { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.ms-meta, .ms-src { font-size: 11px; }
.ms-src { margin: 2px 0 4px; overflow-wrap: anywhere; }
.ms-card-note { font-style: italic; margin: 2px 0; }
table.grid.ms-fields { margin: 0; font-size: 12px; }
table.grid.ms-fields tbody tr { cursor: default; }
table.grid.ms-fields td { padding: 2px 6px; vertical-align: top; }
.ms-fname { overflow-wrap: anywhere; }
.ms-value { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
tr.f-unavailable .ms-value, tr.f-absent .ms-value, tr.f-null .ms-value, tr.f-not_captured .ms-value,
tr.f-not_yet_computed .ms-value { color: var(--muted); font-style: italic; }
tr.f-stale .ms-value { color: #b08900; }
.ms-hist button { font-size: 11px; padding: 0 6px; }
.ms-history { position: fixed; right: 16px; bottom: 16px; width: min(560px, calc(100vw - 32px)); max-height: 70vh;
  overflow: auto; background: var(--bg); border: 1px solid var(--line); padding: 8px 10px; z-index: 20; }
.ms-spark { width: 100%; height: 64px; display: block; color: #2f81f7; }
.badge.replay { background: #6e40c9; color: #fff; }
@media (max-width: 640px) {
  .ms-cards { grid-template-columns: 1fr; }
  .ms-controls { gap: 6px; }
}
.offscreen { position: fixed; left: -9999px; top: 0; width: 1px; height: 1px; }