/* page-digest.css — extracted from style.css 2026-05-27 (UX-6 cut 6).
 *
 * /digest page styling. Two source blocks folded here, chronologically
 * reversed so the newer Mode-1 redesign appears first:
 *   - Mode-1 digest redesign (commit 2.14) — KPI strip, hero, expanded
 *     column treatment.
 *   - /digest page (Phase C-2 daily AI digest) — the original page
 *     styles still referenced by the older parts of the template.
 *
 * Selectors: `.digest-*`.
 *
 * Loaded AFTER style.css + components.css via base.html.
 */

/* ─── Mode-1 digest redesign (commit 2.14) ─── */
/* ─── Mode-1 digest redesign (commit 2.14) ────────────────────────────
   Hero treatment for the latest briefing + compact rows for past ones.
   Per the Fleet Ops directive: visual-first, paragraph content reduced,
   raw data behind drill-down. */

/* Latest-briefing hero — bigger headline, callout strip, expandable body */
.digest-hero {
  margin-bottom: 14px;
  padding: 24px 28px;
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-left: 4px solid var(--brand, var(--accent));
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.digest-hero-head { margin-bottom: 14px; }
.digest-hero-headline {
  margin: 0 0 6px 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--text);
}
.digest-hero-meta { font-size: 14px; }
.digest-hero-summary {
  margin: 0 0 14px 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
}
.digest-hero-callouts {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  background: var(--bg-soft);
  border-radius: 8px;
  font-size: 14px;
}
.digest-hero-callouts li {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.digest-callout-link {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: inherit;
  padding: 4px 8px;
  margin: -4px -8px;
  border-radius: 5px;
  transition: background 0.15s ease;
}
.digest-callout-link:hover {
  background: var(--bg-elev);
}
.digest-callout-link:hover code {
  color: var(--brand-deep, var(--brand));
}
.digest-callout-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-mute);
  font-weight: 600;
}
.digest-hero-callouts code {
  background: transparent;
  font-family: var(--mono);
  font-size: 14px;
  color: var(--text);
}
.digest-callout-num {
  font-family: var(--mono);
  font-size: 14px;
  color: var(--text-mute);
  font-variant-numeric: tabular-nums;
}
.digest-hero-expand {
  margin-top: 12px;
  padding: 8px 12px;
  background: var(--bg-soft);
  border-radius: 6px;
}
.digest-hero-expand > summary {
  cursor: pointer;
  font-size: 14px;
  color: var(--text-2);
  font-weight: 500;
}
.digest-hero-expand > summary:hover {
  color: var(--brand-deep, var(--brand));
}
.digest-hero-body {
  padding-top: 12px;
}
.digest-hero-body p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text);
}

/* Past-briefings list — compact, scan-fast */
.digest-past-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg-elev);
}
.digest-past-row {
  border-bottom: 1px solid var(--border-soft);
}
.digest-past-row:last-child { border-bottom: 0; }
.digest-past-row > details > summary {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 12px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
}
.digest-past-row > details > summary::-webkit-details-marker { display: none; }
.digest-past-row > details[open] > summary {
  background: var(--bg-soft);
  border-bottom: 1px solid var(--border-soft);
}
.digest-past-row > details > summary:hover {
  background: var(--bg-soft);
}
.digest-past-when {
  width: 110px;
  flex-shrink: 0;
  font-family: var(--mono);
  font-size: 14px;
  color: var(--text-mute);
}
.digest-past-headline {
  flex: 1;
  font-weight: 500;
  color: var(--text);
}
.digest-past-pushed {
  font-size: 14px;
}
.digest-past-body {
  padding: 14px 18px;
  font-size: 14px;
}
.digest-past-body p {
  margin: 0 0 10px 0;
  line-height: 1.55;
}

/* ─── 🚫 in-row block menu on /logs IP column ─── */

/* ─── /digest page (Phase C-2 daily AI digest) — older styles ─── */
/* ─── /digest page (Phase C-2 daily AI digest) ─── */
/* Mode-1 redesign expands the column for KPI strip + hero treatment */
.digest-page { max-width: 1080px; margin: 0 auto; }
.digest-controls {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin: 14px 0 24px 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}
.digest-config-form { display: flex; gap: 8px; align-items: center; font-size: 14px; }
.digest-hour-input {
  width: 60px;
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-family: var(--mono);
  font-size: 14px;
  background: var(--bg);
  color: var(--text);
  margin: 0 4px;
}
.digest-empty {
  padding: 28px 20px;
  background: var(--bg-soft);
  border: 1px dashed var(--border);
  border-radius: 8px;
  text-align: center;
}
.digest-card {
  margin-bottom: 22px;
  padding: 20px 24px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
}
.digest-card-head { margin-bottom: 14px; }
.digest-card-headline {
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.digest-card-meta { font-size: 14px; }
.digest-card-body p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text);
}
.digest-card-stats {
  margin-top: 14px;
  padding: 8px 12px;
  background: var(--bg-soft);
  border-radius: 6px;
}
.digest-card-stats summary {
  cursor: pointer;
  font-size: 14px;
}
.digest-footnote { margin-top: 32px; font-size: 14px; text-align: center; }

/* (UX-6 first cut, 2026-05-27) The /ai unified-agent rules moved
 * to page-ai.css. See base.html for the <link> tag. */

/* ─── /system/posture (commit 2.23) ──────────────────────────────────