1 files changed, 64 insertions, 0 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index b1b1a7e..3aea648 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -1003,3 +1003,67 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   .th-type, .td-type { display: none; }
   .th-date, .td-date { display: none; }
 }
+
+/* ── Notification bell ───────────────────────────────────────────────────── */
+
+.nav-notif {
+  position: relative;
+  color: var(--text);
+  text-decoration: none;
+  font-size: 1.1rem;
+  margin-right: 4px;
+}
+.notif-badge {
+  position: absolute;
+  top: -6px;
+  right: -8px;
+  background: var(--danger);
+  color: #fff;
+  font-size: 0.65rem;
+  padding: 1px 5px;
+  border-radius: 10px;
+  font-weight: 700;
+}
+
+/* ── Notification feed ───────────────────────────────────────────────────── */
+
+.notif-feed {
+  margin-bottom: 24px;
+}
+.notif-feed h3 {
+  margin: 0 0 8px;
+  font-size: 1rem;
+}
+.notif-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-radius: var(--radius);
+  background: var(--bg-surface);
+  margin-bottom: 4px;
+  cursor: pointer;
+  border: 1px solid var(--border);
+}
+.notif-item:hover {
+  background: var(--bg-raised);
+}
+.notif-unread {
+  border-left: 3px solid var(--primary);
+  font-weight: 600;
+}
+.notif-kind {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+.notif-text {
+  flex: 1;
+  font-size: 0.9rem;
+}
+.notif-time {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+  white-space: nowrap;
+}