/* Coach card and inbox. Colours come from the theme variables. */
.co-card { border-left: 4px solid var(--muted); }
.co-card.praise, .msg.praise { border-left: 4px solid var(--accent); }
.co-card.slip, .msg.slip { border-left: 4px solid var(--warn, #b7791f); }
.co-head, .msg-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.co-head small, .msg-top small { color: var(--muted); }
.co-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.co-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); display: inline-block; }
.co-title { font-weight: 600; margin-top: 6px; }
.co-body { margin-top: 6px; font-size: 15px; white-space: pre-wrap; }
.co-more { min-height: 44px; margin-top: 6px; padding: 0 4px; background: none; border: 0; color: var(--accent); font: inherit; font-weight: 600; cursor: pointer; }
.co-day { margin: 16px 4px 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
.msg-title { margin-top: 4px; }
.msg { border-left: 4px solid transparent; }
.msg.unread { border-left-color: var(--accent); }
.co-inapp { margin-top: 8px; color: var(--muted); }
.inbox-empty { margin: 8px 0 16px; padding: 24px 16px; text-align: center; }