/* client/styles.css — small additions and notification styles */
.notif-item{padding:.6rem;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center}
.notif-item.unread{background:linear-gradient(90deg, rgba(255,92,156,0.06), rgba(255,158,217,0.03));}
.badge{background:var(--brand);color:#fff;padding:.18rem .45rem;border-radius:999px;margin-left:.4rem;font-weight:700}
.pill{font-size:.78rem;padding:.2rem .6rem;border-radius:999px;background:#1b2248;border:1px solid rgba(255,255,255,.08);color:#9ea6c7}
/* small responsive tweaks */
@media (max-width:900px){ .app{padding:.6rem} }