/* minimap.css - trace minimap strip (audit B8). Variables first, one dark
 * block (A12 rule for every module stylesheet). */

:root {
  --mm-border: #d8d2c4;
  --mm-user: #b9d4ee;
  --mm-assistant: #b7e0d2;
  --mm-tool: #ecd4ae;
  --mm-system: #d3cde9;
  --mm-neutral: #d9d6cd;
  --mm-hit: #99801f;
  --mm-pin: #854f0b;
  --mm-diff: #a5341d;
}

body.dark {
  --mm-border: #34363c;
  --mm-user: #274664;
  --mm-assistant: #1f4a3c;
  --mm-tool: #4d3a20;
  --mm-system: #3a3355;
  --mm-neutral: #3a3c42;
  --mm-hit: #d9b93a;
  --mm-pin: #d9a35c;
  --mm-diff: #ef9a8d;
}

.output-wrap { display: flex; align-items: stretch; gap: 6px; min-height: 0; flex: 1 1 auto; }
.output-wrap > #output { flex: 1 1 auto; min-width: 0; }

#minimap {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 14px;
  flex: 0 0 14px;
  border: 1px solid var(--mm-border);
  border-radius: 4px;
  padding: 2px;
  overflow: hidden;
}
#minimap[hidden] { display: none !important; }

.mm-slab {
  border: none;
  border-radius: 2px;
  padding: 0;
  min-height: 3px;
  cursor: pointer;
  position: relative;
}
.mm-user { background: var(--mm-user); }
.mm-assistant { background: var(--mm-assistant); }
.mm-tool { background: var(--mm-tool); }
.mm-system { background: var(--mm-system); }
.mm-neutral { background: var(--mm-neutral); }

.mm-slab.mm-hit { box-shadow: inset 2px 0 0 var(--mm-hit); }
.mm-slab.mm-pin { box-shadow: inset -2px 0 0 var(--mm-pin); }
.mm-slab.mm-hit.mm-pin { box-shadow: inset 2px 0 0 var(--mm-hit), inset -2px 0 0 var(--mm-pin); }
.mm-slab.mm-diff { outline: 1px solid var(--mm-diff); outline-offset: -1px; }