feat(web+android): Warteschlange bearbeiten — ziehen und entfernen

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

styles.css

@@ -1228,3 +1228,22 @@ button:focus{outline:none}
 .dublette-box .btn-danger{width:100%;padding:9px 14px;background:transparent;border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}
 .dublette-box .btn-danger:hover:not(:disabled){background:rgba(224,85,85,.12)}
 .dublette-box .btn-danger:disabled{opacity:.55;cursor:default}
+
+/* ── Warteschlange bearbeiten ── */
+/* Griff und Entfernen-Knopf sitzen am rechten Rand beider Queue-Listen. Am Zeigergeraet
+   erscheinen sie erst beim Ueberfahren, damit die Liste ruhig bleibt; auf Touch-Geraeten gibt es
+   kein Ueberfahren, dort stehen sie immer da. */
+.queue-item,.np-queue-item{position:relative}
+.q-del,.q-grip{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;color:var(--text3);border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,background .15s}
+.q-grip{cursor:grab;touch-action:none}
+.queue-item:hover .q-del,.queue-item:hover .q-grip,
+.np-queue-item:hover .q-del,.np-queue-item:hover .q-grip{opacity:1}
+.q-del:hover{color:var(--danger);background:rgba(224,85,85,.12)}
+.q-grip:hover{color:var(--text)}
+@media(hover:none){.q-del,.q-grip{opacity:.65}}
+/* Die gezogene Zeile schwebt ueber den anderen; die weichenden gleiten, sie nicht — sonst
+   haengt sie dem Finger hinterher. */
+.q-dragging{z-index:5;background:var(--surface2)!important;box-shadow:0 8px 24px rgba(0,0,0,.45);cursor:grabbing}
+.q-dragging .q-grip{cursor:grabbing}
+.q-dragging-aktiv [data-qidx]:not(.q-dragging){transition:transform .16s ease}
+.q-dragging-aktiv{user-select:none}