/*
  G8 Nerves — extras on top of the Gener8 style kit (/kit/css) and the shared
  circulation styles (/circulation/css/circulation.css: panel sizes, monitor, stories
  panel, close-up canvas, readouts, key, card figures, journey line, credits).

  Here: the fibre colours, the recording trace, the station marker, the impulse
  caption and the neuron close-up labels.
*/

/* ---- Fibre colours (fibres.js has the same values) ------------------------------- */
.dot.aalpha { background: #e2c15a; }
.dot.abeta { background: #5fb0a0; }
.dot.adelta { background: #e8833a; }
.dot.c { background: #b4473f; }
.dot.synapse { background: #8e6bb0; }
.dot.lesion { background: #c9c3bb; box-shadow: inset 0 0 0 1px rgba(0,0,0,.3); }

/* ---- Recording trace --------------------------------------------------------------- */
#trace { display: block; width: 100%; height: calc(var(--u) * 9); }
.trace-unit { font-family: var(--font-mono); font-size: calc(var(--tu) * 1.2); color: var(--muted); }
.readouts b.off { color: var(--faint); }
.readouts b.blocked { color: #c2352b; }

/* ---- Pathway panel ------------------------------------------------------------------ */
#routeBtns button { font-size: calc(var(--tu) * 1.2); padding: 0 calc(var(--u) * .5); }
#routeNote { min-height: calc(var(--u) * 3); }
#pFire .i { color: inherit; }

/* ---- Impulse caption (where the impulse is now) -------------------------------------- */
.journey .late { color: var(--muted); font-size: calc(var(--tu) * 1.2); margin-top: calc(var(--u) * .2); }

/* ---- Neuron close-up: key and labels ------------------------------------------------- */
.dot.soma { background: #e9c4a9; }
.dot.axon { background: #e9d7a3; }
.dot.myelin { background: #f3efe6; box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.dot.node { background: #f1a65d; }
.dot.na { background: #f4c542; }
.dot.k { background: #8e6bb0; }
.dot.glial { background: #b9c7cf; }
.dot.bare { background: #d9b8ac; }
#closePins { position: absolute; inset: 0; pointer-events: none; }
#closePins .pin-lab { pointer-events: auto; }
.closetools .toggles { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * .5); }