04/26 Folder tag

extension/popup/popup.css

@@ -972,4 +972,76 @@ body {
 .pk-flyout-item svg {
   flex-shrink: 0;
   color: #6b7280;
-}
+}
+
+/* ── Collapsible folder groups ────────────────────────────────────────────── */
+
+.pk-group { margin-bottom: 2px; }
+
+.pk-group-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 14px 6px;
+  cursor: pointer;
+  user-select: none;
+  background: #f9fafb;
+  border-bottom: 1px solid #e5e7eb;
+  transition: background 0.1s;
+}
+
+.pk-group-header:hover { background: #f0f4ff; }
+
+.pk-group-name {
+  font-size: 12px;
+  font-weight: 700;
+  color: #374151;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.pk-group-meta {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.pk-group-count {
+  background: #e5e7eb;
+  color: #374151;
+  font-size: 10px;
+  font-weight: 700;
+  padding: 1px 6px;
+  border-radius: 999px;
+}
+
+.pk-group-chevron {
+  font-size: 13px;
+  color: #9ca3af;
+  line-height: 1;
+}
+
+/* ── Item tags ────────────────────────────────────────────────────────────── */
+
+.pk-tag-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 3px;
+  margin-top: 2px;
+}
+
+.pk-tag {
+  display: inline-block;
+  background: #ede9fe;
+  color: #6d28d9;
+  font-size: 9px;
+  font-weight: 700;
+  padding: 1px 5px;
+  border-radius: 999px;
+}
+
+.pk-fav {
+  color: #f59e0b;
+  font-size: 11px;
+  margin-left: 4px;
+}