ui: Event-Popup-Aktionsbuttons polieren

Die drei Aktions-Icons (Bearbeiten, Kopieren, Löschen) und der
Schließen-X im Termin-Popup hatten bisher nur den schlichten
icon-btn-Hover (graue Fläche). Jetzt im selben modernen Stil wie die
neuen Pill-Buttons:

- Bearbeiten/Kopieren/Löschen: Hover bekommt Primärfarben-Tint
  (color-mix-Hintergrund + farbige Schrift) plus dezenten farbigen
  Schatten
- Schließen-X: Hover zeigt die Akzentfarbe (rot), passend zur
  destruktiven Geste
- Klick fühlt sich mit kurzem Scale-Down (.92) taktiler an

Version v13 → v14.

frontend/css/app.css

@@ -990,7 +990,32 @@ a { color: var(--primary); text-decoration: none; }
 }
 .popup-color-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
 .popup-header h4 { flex: 1; font-size: 15px; font-weight: 500; }
-.popup-action, .popup-close { width: 32px; height: 32px; font-size: 16px; }
+.popup-action, .popup-close {
+  width: 34px; height: 34px;
+  font-size: 16px;
+  border-radius: 50%;
+  color: var(--text-2);
+  transition:
+    background var(--transition),
+    color var(--transition),
+    transform .1s ease,
+    box-shadow .15s ease;
+}
+.popup-action:hover {
+  background: rgba(66,133,244,.15);
+  background: color-mix(in srgb, var(--primary) 16%, transparent);
+  color: var(--primary);
+  box-shadow: 0 2px 8px rgba(66,133,244,.18);
+  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 22%, transparent);
+}
+.popup-close:hover {
+  background: rgba(234,67,53,.15);
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+  color: var(--accent);
+}
+.popup-action svg, .popup-close svg { width: 16px; height: 16px; }
+.popup-close { font-size: 20px; }
+.popup-action:active, .popup-close:active { transform: scale(.92); }
 .popup-body { padding: 12px 16px; }
 .popup-time, .popup-location, .popup-calendar { font-size: 13px; color: var(--text-2); margin-bottom: 6px; }
 .popup-description { font-size: 13px; color: var(--text-1); margin-bottom: 6px; white-space: pre-wrap; }