/* ── DIARY: the journal ───────────────────────────────────────
   The day block is deliberately the loudest thing in the row. A journal is
   navigated by date; the heading is often an afterthought.
   ------------------------------------------------------------ */

.wing-day {
  flex-shrink: 0;
  width: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0;
  border-radius: 8px;
  background: var(--bg-elevated);
  border: 1px solid var(--border-color);
  align-self: flex-start;
}

.wing-day-num { font-size: 1.3rem; font-weight: 800; color: var(--text-primary); line-height: 1; }

.wing-day-dow {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wing-muted);
  margin-top: 0.15rem;
}

/* Mood, warm through to cold. Scanning a month should show its shape before
   any of it is read. */
.wing-badge.mood-good     { background: rgba(34,197,94,.13);   border-color: rgba(34,197,94,.4);   color: #4ade80; }
.wing-badge.mood-grateful { background: rgba(250,204,21,.13);  border-color: rgba(250,204,21,.4);  color: #facc15; }
.wing-badge.mood-steady   { background: rgba(148,163,184,.14); border-color: rgba(148,163,184,.4); color: #94a3b8; }
.wing-badge.mood-tired    { background: rgba(129,140,248,.13); border-color: rgba(129,140,248,.4); color: #818cf8; }
.wing-badge.mood-restless { background: rgba(251,146,60,.13);  border-color: rgba(251,146,60,.4);  color: #fb923c; }
.wing-badge.mood-low      { background: rgba(100,116,139,.16); border-color: rgba(100,116,139,.45);color: #94a3b8; }
.wing-badge.mood-angry    { background: rgba(239,68,68,.13);   border-color: rgba(239,68,68,.45);  color: #f87171; }