.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:#dc2626;color:#fff;font-size:12px;font-weight:750;line-height:1;box-shadow:0 2px 6px #dc262630;vertical-align:middle;margin-left:7px}
.unread-badge[hidden]{display:none!important}
.nav .unread-badge{margin-left:auto}
.unread-preview{padding:0 24px;max-height:55vh;overflow:auto}
.unread-preview-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.unread-preview-row p{font-size:12px;color:#71717a;margin:6px 0 0}
.unread-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:7px}