/* Messages + notifications (lightweight, so every nav item leads somewhere) */
.ms-top{ padding:32px 16px 8px; display:flex; align-items:center; justify-content:space-between; }
.ms-top h2{ font-family:var(--font-display); font-weight:600; font-size:24px; margin:0; }
.ms-row{ display:flex; align-items:center; gap:12px; padding:11px 16px; width:100%; text-align:left; border-bottom:1px solid var(--line); }
.ms-row .mid{ flex:1; min-width:0; }
.ms-row .mid b{ display:block; font-size:14px; }
.ms-row .mid small{ display:block; font-size:12.5px; color:var(--cream-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ms-row .tm2{ font-family:var(--font-mono); font-size:10.5px; color:var(--cream-dim); align-self:flex-start; margin-top:3px; }
.ms-row.unread .mid b::after{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--sage-3); margin-left:7px; vertical-align:middle; }
.ms-note{ margin:14px 16px; padding:12px 14px; border-radius:14px; background:var(--panel); font-size:12.5px; color:var(--cream-dim); line-height:1.5; }