Improve routing rule drag handling and controls

src/web/styles/primitives.css

@@ -287,11 +287,12 @@
   z-index: 0;
 }
 
-.client-deletable-row.is-removing > :not(.client-delete-strike) {
+.client-deletable-row.is-removing > :not(.client-delete-strike):not(.client-local-rule-enabled-wrap) {
   animation: client-delete-content-dim 820ms ease-out both;
 }
 
-.client-deletable-row.is-removing .client-rule-switch-thumb {
+.client-deletable-row.is-removing .client-local-rule-enabled circle,
+.client-deletable-row.is-removing .client-rule-check {
   opacity: 0;
 }
 
@@ -301,15 +302,15 @@
   padding: 0;
   border: 0;
   background: transparent;
-  color: var(--client-muted);
+  color: oklch(0.62 0.16 28);
   font-size: var(--font-size-icon-delete);
   cursor: pointer;
   transition: color 180ms ease, filter 260ms ease, transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .client-row-delete:hover {
-  color: oklch(0.68 0.15 28);
-  filter: drop-shadow(0 0 7px oklch(0.68 0.15 28 / 0.42));
+  color: oklch(0.7 0.18 28);
+  filter: drop-shadow(0 0 7px oklch(0.7 0.18 28 / 0.42));
 }
 
 .client-row-delete:hover:not(:has(svg)) {
@@ -341,7 +342,6 @@
 .client-local-rule-enabled:focus-visible,
 .client-rule-type-trigger:focus-visible,
 .client-rule-outbound button:focus-visible,
-.client-row-delete:focus-visible,
 .client-row-add:focus-visible,
 .client-local-rules-save:focus-visible,
 .client-local-rules-actions button:focus-visible {
@@ -350,6 +350,12 @@
   text-shadow: 0 0 10px color-mix(in oklch, var(--client-accent) 48%, transparent);
 }
 
+.client-row-delete:focus-visible {
+  outline: 0;
+  color: oklch(0.7 0.18 28);
+  filter: drop-shadow(0 0 7px oklch(0.7 0.18 28 / 0.42));
+}
+
 .client-row-add {
   width: fit-content;
   padding: 7px 0;