/* SYNAPSE — watch agents & strategic digests (Phase 4, additive stylesheet).
   Reuses the conn-* components from connectors.css for lists/status chips;
   adds digest-specific elements. Charte variables from styles.css :root. */

.watch-strategic {
  margin-top: 1rem;
}

/* Real digests section injected on strategic.html */
.strat-live-digests {
  margin: 0 0 1.4rem;
}

.strat-live-digests-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: .6rem;
}

.digest-theme + .digest-theme {
  margin-top: 1.1rem;
}

.digest-theme-title {
  font-family: var(--ff-mono, monospace);
  font-size: .64rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent-blue, #6EA8FF);
  margin: 0 0 .5rem;
}

.digest-item {
  border: 1px solid var(--line, #2A2E33);
  background: var(--graphite, #101214);
  padding: .6rem .8rem;
}

.digest-item + .digest-item {
  margin-top: .5rem;
}

.digest-item summary {
  cursor: pointer;
  display: grid;
  gap: .3rem;
  list-style: none;
}

.digest-item summary::-webkit-details-marker {
  display: none;
}

.digest-item[open] summary {
  margin-bottom: .55rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid var(--line, #2A2E33);
}

.digest-head {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.digest-head strong {
  color: var(--white, #F4F6F8);
  font-size: .82rem;
}

.digest-meta {
  font-size: .66rem;
  color: var(--text-3, #5e646d);
  font-family: var(--ff-mono, monospace);
}

.digest-priority {
  font-family: var(--ff-mono, monospace);
  font-size: .56rem;
  letter-spacing: .12em;
  padding: .16rem .45rem;
  border: 1px solid currentColor;
}

.digest-priority--high   { color: var(--accent-bad, #b04848);   background: rgba(176, 72, 72, .1); }
.digest-priority--medium { color: var(--accent-amber, #D6A64F); background: rgba(214, 166, 79, .08); }
.digest-priority--low    { color: var(--accent-good, #7da77b);  background: rgba(125, 167, 123, .08); }

.digest-summary {
  font-size: .8rem;
  color: var(--text-2, #8D949E);
  line-height: 1.55;
  margin: 0 0 .5rem;
}

.digest-points {
  margin: 0 0 .5rem;
  padding-left: 1.1rem;
  font-size: .76rem;
  color: var(--text-2, #8D949E);
  line-height: 1.5;
}

.digest-risks,
.digest-recos {
  font-size: .74rem;
  line-height: 1.5;
  margin: 0 0 .4rem;
  color: var(--text-2, #8D949E);
}

.digest-risks span { color: var(--accent-warn, #c97b4a); }
.digest-recos span { color: var(--accent-good, #7da77b); }