# additional status colours in tables
.status-idle    { color: var(--color-neutral); }
.status-error   { color: var(--error); }
.status-running { color: var(--success); }
.status-scheduled { color: var(--primary); }
.status-paused  { color: var(--warning); }
/* ------------------------------------------------------------------ */
/*  Status indicators (task, API heartbeat, etc.)                      */
/* ------------------------------------------------------------------ */

#status {
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  color: #fff;
  font-weight: 500;
}

#status.red   { background-color: var(--error); }
#status.green { background-color: var(--success); }
#status.yellow {
  background-color: #f1c40f;
  color: #2c3e50; /* darker text for contrast */
}

/* layout-status is text-only version for inline use */
#layout-status.red    { color: var(--error); }
#layout-status.green  { color: var(--success); }
#layout-status.yellow { color: #f1c40f; }

/* Network/API activity indicator */
#api-status {
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-family: monospace;
}

#api-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2c3e50;
  box-shadow: 0 0 2px #2c3e50;
  transition: all 0.05s ease;
}

#api-status.flash::before {
  background-color: #27ae60;
  box-shadow: 0 0 4px #2ecc71;
}

/* Inline status chips used inside agents table */
.status-indicator { padding: 4px 10px; border-radius: 12px; font-size: 0.9em; font-weight: 500; }
.status-running   { color: var(--success); }
.status-idle      { color: var(--color-neutral); }
.status-error     { color: var(--error); }
.status-scheduled { color: var(--primary); }
.status-paused    { color: var(--warning); }