adding online presence for dms

public/s/css/f0ckm.css

@@ -10845,6 +10845,53 @@ body.layout-modern .tag-controls {
   text-decoration: underline;
 }
 
+.dm-header-name-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  line-height: 1.2;
+}
+
+.dm-presence {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 0.72em;
+  color: #666;
+  min-height: 14px;
+}
+
+.dm-presence-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: #555;
+}
+
+.dm-presence--online .dm-presence-dot {
+  background: #3ddc84;
+  box-shadow: 0 0 0 2px rgba(61, 220, 132, 0.25);
+  animation: dm-presence-pulse 2s ease infinite;
+}
+
+.dm-presence--online {
+  color: #3ddc84;
+}
+
+.dm-presence--recent .dm-presence-dot {
+  background: #f5a623;
+}
+
+.dm-presence--recent {
+  color: #f5a623;
+}
+
+@keyframes dm-presence-pulse {
+  0%, 100% { box-shadow: 0 0 0 2px rgba(61, 220, 132, 0.25); }
+  50%       { box-shadow: 0 0 0 4px rgba(61, 220, 132, 0.1);  }
+}
+
 /* ── Key notice banner ───────────────────────────────────── */
 .dm-key-notice {
   background: rgba(255, 200, 80, 0.15);