Sync YAML frontmatter with share and bookmark actions

frontend/style.css

@@ -5830,11 +5830,62 @@ body.popup-mode .content-area {
 .search-replace-btn.destructive { border-color: var(--text-error); color: var(--text-error); }
 
 /* ── Active search result highlight ── */
-.search-result-item.search-result-active {
-  background: var(--accent-bg, rgba(99, 102, 241, 0.08));
-  border-left: 3px solid var(--accent);
-  padding-left: calc(var(--result-padding, 12px) - 3px);
+.btn-share.shared {
+  color: #059669;
+  border-color: #059669;
+  background: rgba(5, 150, 105, 0.08);
 }
+.btn-share.shared:hover {
+  background: rgba(5, 150, 105, 0.15);
+}
+
+/* ── Shared Cards ── */
+.shared-card {
+  padding: 10px 14px;
+  background: var(--bg-card, var(--bg-secondary));
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  cursor: pointer;
+  transition: background 0.15s;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.shared-card:hover { background: var(--bg-hover); }
+.shared-card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.shared-card-title { font-weight: 500; font-size: 0.85rem; }
+.shared-card-vault {
+  font-size: 0.65rem;
+  color: var(--accent);
+  background: var(--accent-bg, rgba(99,102,241,0.1));
+  padding: 1px 6px;
+  border-radius: 3px;
+  margin-left: auto;
+}
+.shared-card-meta {
+  font-size: 0.7rem;
+  color: var(--text-muted);
+  display: flex;
+  gap: 12px;
+}
+.shared-card-actions {
+  display: flex;
+  gap: 6px;
+}
+.shared-card-actions button {
+  font-size: 0.7rem;
+  padding: 2px 8px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  cursor: pointer;
+}
+.shared-card-actions button:hover { background: var(--bg-hover); }
 
 /* ── Dashboard Tab Navigation ── */
 .dashboard-tabs {