/* css/05-instruments.css — instrument layer.
   Split from the index.html <style> block (REFACTOR-PLAN Phase 2). Load order = cascade order; do not reorder. */
/* ---------- instrument layer ---------- */
main{position:absolute;left:0;right:0;top:var(--header-h);bottom:0;z-index:10;
  min-height:0;min-width:0;overflow:hidden;pointer-events:none;
  /* wave12: the driver-side panel is ~40% (512 px at 1280) — the width the
     redesigned incident card is specified at. At the old 27% (345 px) the text
     column came out at 141 px, where a 16px/700 type name like "Parking line
     violation" cannot render on one line at all and every row clipped. The map
     stage keeps 33% (~422 px), which still shows the sector boundary either
     side of the vehicle.
     later: narrowed to 35% (448 px at 1280, -12.5%) on request — the card
     foot (96px thumb + text + full-width Valid/Invalid/Decide later row) and
     guidance strip still fit at this width, so only the map stage (middle
     column) grows.
     the Drive right-column camera wall is gone (Phase 1 decision 4) — the
     map stage takes the freed third instead of a dedicated column. */
  display:grid;grid-template-columns:35% minmax(0,1fr);
  /* wave12: an explicit bounded row. main's row used to be implicit (auto =
     max-content), which was harmless while the left column was a stack of
     fixed-height cards over a flex:1 list, but the one-panel column is a
     flex:1 scroller and an auto row let it grow past the dock. */
  grid-template-rows:minmax(0,1fr);gap:16px;
  padding:12px 20px calc(var(--dock-h) + 6px);
  padding-bottom:var(--dock-clear,calc(var(--dock-h) + 6px))}
.view{display:none;min-height:0}
.view.on{display:contents}
main>*,.view>*{min-width:0;min-height:0}
.zone{display:flex;flex-direction:column;gap:10px;min-height:0;pointer-events:none}
.zone>*{pointer-events:auto}
/* the middle third is the stage: it stays empty except map furniture */
.zm{position:relative;justify-content:flex-end;align-items:center}