/* =============================================================
   KAIROS·1 — Capacity Expansion Chamber · interior
   =============================================================
   Inherits sequence.css shell. Adds the field-load primitives.
   ============================================================= */

/* Load circles — colored by state */
.ft-load .ft-load-circle {
  fill: var(--gr-2);
  stroke: var(--ink-3);
  stroke-width: 0.9;
  transition: stroke var(--slow), stroke-width var(--slow), fill var(--slow), r var(--slow), filter var(--slow);
}
.ft-load.ft-load--stabilized .ft-load-circle {
  fill: var(--gr-2);
  stroke: rgba(217,148,102,0.36);
  stroke-width: 0.6;
}
.ft-load.ft-load--active .ft-load-circle {
  fill: var(--gr-2);
  stroke: var(--ink-2);
  stroke-width: 1.1;
}
.ft-load.ft-load--overload .ft-load-circle {
  fill: var(--heat-4);
  stroke: var(--heat);
  stroke-width: 1.4;
  filter: drop-shadow(0 0 10px rgba(217,148,102,0.5));
  animation: c-pulse-slow var(--rhythm-breath) ease-in-out infinite;
}
.ft-load.is-focused .ft-load-circle {
  stroke: var(--heat-2);
  filter: drop-shadow(0 0 8px rgba(217,148,102,0.4));
}

.ft-load-id {
  font-family: var(--mono);
  font-size: 8.5px;
  letter-spacing: 0.32em;
  text-anchor: middle;
  dominant-baseline: middle;
  fill: var(--ink-4);
  pointer-events: none;
}
.ft-load.ft-load--overload .ft-load-id { fill: var(--heat); }
.ft-load.ft-load--stabilized .ft-load-id { fill: rgba(217,148,102,0.5); }

.ft-load-label {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  text-anchor: middle;
  fill: var(--ink-2);
  pointer-events: none;
}
.ft-load.ft-load--stabilized .ft-load-label { fill: var(--ink-3); font-style: italic; font-family: var(--serif); font-size: 12px; }
.ft-load.ft-load--overload .ft-load-label { fill: var(--ink); }

.ft-load-meta {
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  text-anchor: middle;
  fill: rgba(217,148,102,0.55);
  pointer-events: none;
}

/* Pressure front — the arc behind overload loads pointing inward */
.ft-pressure {
  stroke: var(--heat-2);
  stroke-width: 0.8;
  stroke-dasharray: 2 3;
  opacity: 0.65;
  fill: none;
  pointer-events: none;
}