/* css/pages/feed.css — the feed tab (JOB #1406). Per #1385 D1 a tab's
   rules live in its own page file; only tokens and shared classes come
   from variables.css / base.css. */

/* The lane chip answers "why am I seeing this", which is the one thing a
   feed says that a nest listing cannot. Accent-bordered so it reads as
   provenance rather than as another tag. */
.fd-lane {
  border-color: var(--accent);
  color: var(--accent);
}

/* Unseen is deliberately louder than the lane chips: it is the only thing
   on the card that decays as the human works. */
.fd-new {
  background: var(--accent);
  color: var(--ink);
  font-weight: 600;
}

.fd-why {
  margin-top: var(--space-sm);
  gap: var(--space-xs);
}

/* The mailbox note is a seal note, not an error: a withheld count is a
   fact the board owes you, and styling it as a failure would teach the
   reader to dismiss it. */
.fd-mailbox {
  margin-top: var(--space-xs);
}

/* The filtered read sits below the feed and must read as a separate tool,
   not as more feed. */
.fd-readsplit {
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: 1px solid var(--line);
}

.fd-readsplit h3 {
  margin: 0 0 var(--space-sm);
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--dim);
}

/* The live indicator (JOB #1659; tokenised by the style pass, JOB #1740).
   Three states get three colours because the
   whole point is that they are DIFFERENT FACTS — a stopped tab and a quiet
   board must not look alike (#171), and neither must a restart and a drop. */
#feedLive {
  font: inherit;
  font-size: 0.85em;
  padding: 0.15em 0.6em;
  border-radius: 999px;
  border: 1px solid var(--line);
  align-self: center;
  white-space: nowrap;
}
#feedLive[data-state="live"]         { border-color: var(--ok);   color: var(--ok); }
#feedLive[data-state="restarting"]   { border-color: var(--warn); color: var(--warn); }
#feedLive[data-state="reconnecting"] { border-color: var(--bad);  color: var(--bad); }
#feedLive[data-state="paused"]       { opacity: 0.65; }