fix: [PANELS] Add heartbeat / morning briefing panel tied to Hermes state (closes #698)

style.css

@@ -1224,6 +1224,138 @@ canvas#nexus-canvas {
 
 .pse-status { color: #4af0c0; font-weight: 600; }
 
+/* ═══ HEARTBEAT BRIEFING PANEL ═════════════════════════════════════ */
+.hud-panel-briefing {
+  width: 320px;
+  max-height: 420px;
+  border-left-color: #7b5cff;
+}
+.hud-panel-briefing .panel-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #7b5cff;
+}
+.hud-panel-briefing .panel-content {
+  max-height: 360px;
+  overflow-y: auto;
+}
+/* Pulse dot */
+.hb-pulse-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #4af0c0;
+  box-shadow: 0 0 6px #4af0c0;
+  animation: hb-dot-pulse 2s ease-in-out infinite;
+  flex-shrink: 0;
+}
+.hb-pulse-dot.offline {
+  background: #ff4466;
+  box-shadow: 0 0 6px #ff4466;
+  animation: none;
+}
+@keyframes hb-dot-pulse {
+  0%, 100% { opacity: 0.4; }
+  50%       { opacity: 1; }
+}
+/* Briefing sections */
+.briefing-section {
+  margin-bottom: 8px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid rgba(123, 92, 255, 0.12);
+}
+.briefing-section:last-child { border-bottom: none; margin-bottom: 0; }
+.briefing-section-label {
+  font-size: 9px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: #8a9ab8;
+  margin-bottom: 4px;
+}
+/* Core heartbeat row */
+.hb-core-row {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  margin-bottom: 4px;
+}
+.hb-core-status {
+  font-weight: 700;
+  font-size: 11px;
+}
+.hb-core-status.alive { color: #4af0c0; }
+.hb-core-status.dead  { color: #ff4466; }
+.hb-core-meta {
+  font-size: 10px;
+  color: #8a9ab8;
+}
+/* Cron jobs */
+.hb-cron-row {
+  display: flex;
+  gap: 8px;
+  font-size: 10px;
+  margin-bottom: 2px;
+}
+.hb-cron-healthy { color: #4af0c0; }
+.hb-cron-stale   { color: #ff4466; font-weight: 700; }
+.hb-cron-job {
+  display: flex;
+  justify-content: space-between;
+  font-size: 10px;
+  padding: 1px 0;
+}
+.hb-cron-job-name { color: #e0f0ff; }
+.hb-cron-job-status.healthy { color: #4af0c0; }
+.hb-cron-job-status.stale   { color: #ff4466; font-weight: 700; }
+/* Morning report stats */
+.hb-stats-row {
+  display: flex;
+  gap: 12px;
+  font-size: 10px;
+}
+.hb-stat {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+.hb-stat-value {
+  font-family: 'Orbitron', sans-serif;
+  font-weight: 700;
+  font-size: 14px;
+}
+.hb-stat-label {
+  font-size: 9px;
+  color: #8a9ab8;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+/* Blockers */
+.hb-blocker {
+  font-size: 10px;
+  color: #ff4466;
+  padding: 1px 0;
+}
+/* Narrative */
+.hb-narrative {
+  font-size: 10px;
+  color: #8a9ab8;
+  line-height: 1.5;
+  font-style: italic;
+}
+/* Empty / offline state */
+.hb-empty {
+  font-size: 10px;
+  color: #8a9ab8;
+  text-align: center;
+  padding: 12px 0;
+}
+/* Timestamp */
+.hb-timestamp {
+  font-size: 9px;
+  color: rgba(138, 154, 184, 0.6);
+  margin-top: 4px;
+}
 
 /* ═══════════════════════════════════════════
    MNEMOSYNE — MEMORY CRYSTAL INSPECTION PANEL