/* Bitácora — interactive component styles (streaming chat + telemetry) */
.bc-chat{display:grid;grid-template-columns:1fr .82fr;gap:16px;margin:2em 0;
  font-family:var(--sans);align-items:start}
@media (max-width:720px){ .bc-chat{grid-template-columns:1fr} }

.bc-chat-col{background:var(--paper-2);border:1px solid var(--line-strong);border-radius:16px;
  padding:16px;box-shadow:0 20px 44px -30px rgba(0,0,0,.35)}
.bc-msg{padding:12px 14px;border-radius:12px;margin-bottom:12px;font-size:16px;line-height:1.5;position:relative}
.bc-user{background:#eef1fb;border:1px solid #d7ddf6}
.bc-assist{background:#0f111a;color:#e7e6f0;font-family:var(--mono);font-size:14.5px;min-height:2.6em}
.bc-role{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  opacity:.6;margin-bottom:6px}
.bc-assist .bc-role{color:#8b8ca6}
.bc-cursor{color:#c3e88d;animation:bc-blink 1s steps(1) infinite;margin-left:1px}
@keyframes bc-blink{50%{opacity:0}}
.bc-ctrl{display:flex;align-items:center;gap:14px}
.bc-run{font-family:var(--sans);font-weight:700;font-size:14px;background:var(--accent);color:#fff;
  border:0;border-radius:10px;padding:9px 16px;cursor:pointer;transition:transform .08s,filter .15s}
.bc-run:hover{filter:brightness(1.08)}.bc-run:active{transform:translateY(1px)}
.bc-run:disabled{opacity:.6;cursor:default}
.bc-prog{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}

.bc-tele{background:#12141d;color:#d7d8e6;border-radius:16px;padding:16px;
  border:1px solid #2a2d3f;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.bc-tele-h{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:#9a9cb5;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bc-led{width:8px;height:8px;border-radius:50%;background:#0ca678;box-shadow:0 0 8px #0ca678}
.bc-note{font-family:var(--mono);font-size:13.5px;color:#c3e88d;min-height:2.6em;line-height:1.4;
  background:#0c0e15;border-radius:8px;padding:10px 12px;border:1px solid #23263a}
.bc-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:#6f7190;margin:14px 0 7px}
.bc-layer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.bc-cell{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--c) 42%,#12141d);
  border:1px solid color-mix(in srgb,var(--c) 55%,#12141d)}
.bc-cell.on{background:var(--c);box-shadow:0 0 10px var(--c);animation:bc-pulse .5s ease}
@keyframes bc-pulse{0%{transform:scale(1.35)}100%{transform:scale(1)}}
.bc-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.bc-leg{font-family:var(--mono);font-size:11px;color:#9a9cb5;display:flex;align-items:center;gap:6px}
.bc-leg i{width:10px;height:10px;border-radius:2px;display:inline-block}
.bc-gauges{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.bc-gauge{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px}
.bc-glabel{font-family:var(--mono);font-size:11px;color:#9a9cb5;text-align:right}
.bc-gbar{height:8px;background:#0c0e15;border-radius:99px;overflow:hidden;border:1px solid #23263a}
.bc-gfill{height:100%;width:0;background:linear-gradient(90deg,#3b5bdb,#0ca678);border-radius:99px;
  transition:width .32s cubic-bezier(.4,0,.2,1)}
.bc-count{font-family:var(--mono);font-size:11px;color:#6f7190;margin-top:12px;text-align:right}

/* small inline SVG chart frame */
.bc-chart{font-family:var(--sans)}
.bc-chart .axis{stroke:var(--line-strong);stroke-width:1}
.bc-chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.bc-chart .lbl{font-family:var(--mono);font-size:11px;fill:var(--ink-soft)}
.bc-chart .val{font-family:var(--mono);font-size:11px;fill:var(--ink)}