v2026.5.20 — Safe area : popups jamais cachés sous topbar/dock

viewer.css

@@ -2793,8 +2793,15 @@ header.topbar::before {
   font-size: 14px;
   line-height: 1;
 }
-.pinned-popup-refresh.spinning {
+.pinned-popup-refresh svg {
+  width: 14px;
+  height: 14px;
+}
+.pinned-popup-refresh.spinning svg {
   animation: pinned-popup-refresh-spin 0.6s linear infinite;
+  transform-origin: 50% 50%;
+}
+.pinned-popup-refresh.spinning {
   pointer-events: none;
 }
 @keyframes pinned-popup-refresh-spin {
@@ -2834,3 +2841,53 @@ body.popup-dragging .pinned-popup {
   opacity: 0.85;
   font-family: var(--mono, monospace);
 }
+
+/* ==========================================================================
+   v2026.5.20 : mini-menu au survol d'une pastille dock
+   ========================================================================== */
+.pill-hover-menu {
+  position: fixed;
+  z-index: 60;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 130px;
+  animation: pill-hover-menu-appear 0.12s ease-out;
+}
+@keyframes pill-hover-menu-appear {
+  from { opacity: 0; transform: translateY(4px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+.pill-hover-menu-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  background: transparent;
+  color: var(--text);
+  border: none;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.12s;
+}
+.pill-hover-menu-btn:hover {
+  background: var(--bg-muted);
+}
+.pill-hover-menu-btn.pill-hover-menu-close:hover {
+  background: rgba(239, 68, 68, 0.15);
+  color: #ef4444;
+}
+.pill-menu-ico {
+  font-size: 14px;
+  width: 16px;
+  text-align: center;
+}