/* ===== Cockpit Phase 3 · M3  The Overnight Ledger ========================
   A "while you were away" activity feed rendered into the Phase-2 Ledger
   drawer. Rows are visually distinct from undo receipts (left rule, muted
   surface, subtype tag) and carry no snapshot — undo.revertTo skips them.
   Absent entirely in classic mode.
   ========================================================================= */
.sh-ovn {
  margin: 4px 10px 12px; border: 1px solid var(--line, #e6dccb); border-radius: 12px;
  background: linear-gradient(180deg, rgba(43, 34, 29, .035), rgba(43, 34, 29, 0));
  overflow: hidden; font-family: var(--sans, 'Plus Jakarta Sans', system-ui, sans-serif);
}
.sh-ovn-head {
  display: flex; align-items: center; gap: 7px; padding: 9px 12px;
  font: 700 10px var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2, #5b4f47);
  border-bottom: 1px solid var(--line, #e6dccb); background: rgba(43, 34, 29, .025);
}
.sh-ovn-moon { color: #6b5f9c; font-size: 12px; }
.sh-ovn-count { margin-left: auto; font-weight: 600; letter-spacing: .02em; text-transform: none; color: #a8977f; }
.sh-ovn-rows { display: flex; flex-direction: column; }

.sh-ovn-row {
  display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
  border: 0; border-left: 2px solid transparent; background: none; cursor: pointer;
  padding: 8px 12px 8px 10px; transition: background .14s, border-color .14s;
}
.sh-ovn-row + .sh-ovn-row { border-top: 1px solid rgba(230, 220, 203, .6); }
.sh-ovn-row:hover { background: var(--cream-2, #efe6d6); border-left-color: var(--clay, #ba4526); }

.sh-ovn-ic { width: 20px; height: 20px; flex: 0 0 auto; border-radius: 6px; display: grid; place-items: center; font-size: 11px; color: #fff; }
.sh-ovn-ic.sub-agent-visit { background: #8a9a5b; }
.sh-ovn-ic.sub-quote-request { background: #c08a2e; }
.sh-ovn-ic.sub-variant-won { background: var(--clay, #ba4526); }
.sh-ovn-ic.sub-claim-verified { background: #4f7d6a; }
.sh-ovn-ic.sub-agent-visit::before { content: "◦"; font-size: 15px; }
.sh-ovn-ic.sub-quote-request::before { content: "$"; font-weight: 800; }
.sh-ovn-ic.sub-variant-won::before { content: "★"; }
.sh-ovn-ic.sub-claim-verified::before { content: "✓"; font-weight: 800; }

.sh-ovn-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.sh-ovn-l { font: 600 12px var(--sans); color: var(--ink, #2a221d); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-ovn-d { font: 500 10.5px var(--sans); color: var(--ink-2, #5b4f47); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-ovn-tag { font: 700 8px var(--sans); letter-spacing: .07em; color: #a8977f; padding: 2px 5px; border: 1px solid var(--line, #e6dccb); border-radius: 5px; }
.sh-ovn-ts { font: 600 10px var(--sans); color: #a8977f; font-variant-numeric: tabular-nums; min-width: 32px; text-align: right; }

/* canvas flash when an overnight entry is focused */
.sec.sh-ovn-flash { animation: shOvnFlash 1.3s cubic-bezier(.2, .8, .2, 1); }
@keyframes shOvnFlash {
  0% { box-shadow: 0 0 0 0 rgba(186, 69, 38, 0); }
  25% { box-shadow: 0 0 0 3px rgba(186, 69, 38, .5), 0 12px 40px -10px rgba(186, 69, 38, .4); }
  100% { box-shadow: 0 0 0 0 rgba(186, 69, 38, 0); }
}
@media (prefers-reduced-motion: reduce) { .sec.sh-ovn-flash { animation: none; outline: 2px solid var(--clay, #ba4526); } }