Compact live visitor panel

public/admin.css

@@ -381,16 +381,18 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
   overflow: auto;
 }
 .visitor-card {
-  padding: 12px 14px;
+  padding: 10px 12px;
   border-bottom: 1px solid var(--line);
   background: white;
 }
+.visitor-card.clickable { cursor: pointer; }
+.visitor-card.clickable:hover { background: #f8fbf9; }
 .visitor-card-head {
   display: grid;
   grid-template-columns: 34px minmax(0, 1fr) 10px;
   gap: 9px;
   align-items: center;
-  margin-bottom: 10px;
+  margin-bottom: 7px;
 }
 .visitor-card-head strong,
 .visitor-card-head small {
@@ -418,21 +420,35 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
   background: #2f9e44;
   box-shadow: 0 0 0 4px rgb(47 158 68 / 14%);
 }
-.visitor-card dl {
-  display: grid;
-  grid-template-columns: 68px minmax(0, 1fr);
-  gap: 5px 8px;
-  margin: 0;
+.visitor-compact-meta {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+  color: var(--muted);
   font-size: 12px;
 }
-.visitor-card dt { color: var(--muted); }
-.visitor-card dd {
-  min-width: 0;
-  margin: 0;
+.visitor-compact-meta span {
+  flex: 0 0 auto;
+  max-width: 72px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.visitor-page,
+.visitor-referrer {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+}
+.visitor-page { margin-top: 6px; }
+.visitor-referrer {
+  margin-top: 3px;
+  color: var(--muted);
+}
 .visitor-card a { color: var(--ink); text-decoration: none; }
 .visitor-card a:hover { color: var(--brand); text-decoration: underline; }
 .message {