/* ============================================================
   AGENTS.CSS — Pipeline bar, agent cards, action buttons
   ============================================================ */

/* --- Agent pipeline bar --- */
/* Hidden until a brief has loaded (body.has-brief) + Terminal/Advisory only.
   The body.has-brief class is added by index.html's renderBrief wrapper. */
#agent-pipeline {
  display: none;
  flex-direction: row;
  gap: 2px;
  align-items: center;
  flex-wrap: wrap;
  overflow: visible;
}

body.has-brief #agent-pipeline,
body.admin-mode #agent-pipeline {
  display: flex;
}

/* --- Dev-only elements: source log, DEV MODE btn, tier toggle ---
   Hidden by default. Ctrl+Shift+D adds body.admin-mode to reveal. */
.dev-only {
  display: none !important;
}

body.admin-mode .dev-only,
body.admin-mode #source-panel {
  display: flex !important;
}

body.admin-mode #dev-mode-btn,
body.admin-mode #tier-toggle-btn {
  display: inline-block !important;
}

/* --- Agent cards --- */
.agent-card {
  width: 65px;
  background: var(--black-elevated);
  border: 1px solid rgba(212, 137, 10, 0.15);
  padding: 4px 6px;
  text-align: center;
  flex-shrink: 0;
}
.agent-label {
  font-family: var(--font-military);
  font-weight: 600;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--amber);
  margin-bottom: 2px;
}
.agent-model {
  font-family: var(--font-data);
  font-size: 6px;
  color: var(--amber-dim);
  margin-bottom: 3px;
}
.agent-status-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 auto;
}
.agent-elapsed {
  font-family: var(--font-data);
  font-size: 6px;
  color: var(--amber-dim);
  margin-top: 2px;
  min-height: 8px;
}
.agent-tokens {
  font-family: var(--font-data);
  font-size: 6px;
  color: rgba(212, 137, 10, 0.3);
  min-height: 8px;
}

/* Agent states */
.agent-idle .agent-status-dot {
  background: rgba(212, 137, 10, 0.2);
}
.agent-running .agent-status-dot {
  background: var(--amber);
  animation: agent-pulse 1.5s ease-in-out infinite;
}
.agent-complete .agent-status-dot {
  background: #2a6e3f;
}
.agent-error .agent-status-dot {
  background: var(--blood-bright);
}

/* --- Flow arrows --- */
.agent-flow-arrow {
  font-size: 8px;
  color: var(--amber-dim);
  flex-shrink: 0;
  padding: 0 1px;
}
.agent-flow-arrow.flow-active {
  color: var(--amber);
  text-shadow: 0 0 4px var(--amber-glow);
}

/* --- Action buttons (styles in preytorian.css) --- */

/* --- Cost display --- */
.cost-display {
  font-family: var(--font-data);
  font-size: 8px;
  color: var(--amber-dim);
  display: inline-flex;
  align-items: center;
}

/* ── Phase 8 — Feeds toggle ── */

.feeds-off {
  border-color: rgba(61, 90, 122, 0.4);
  color: rgba(61, 90, 122, 0.6);
}