Polish routing rules UI and normalize pasted values

src/web/styles/primitives.css

@@ -287,12 +287,11 @@
   z-index: 0;
 }
 
-.client-deletable-row.is-removing > :not(.client-delete-strike):not(.client-local-rule-enabled) {
+.client-deletable-row.is-removing > :not(.client-delete-strike) {
   animation: client-delete-content-dim 820ms ease-out both;
 }
 
-.client-deletable-row.is-removing .client-local-rule-enabled circle,
-.client-deletable-row.is-removing .client-rule-check {
+.client-deletable-row.is-removing .client-rule-switch-thumb {
   opacity: 0;
 }
 
@@ -311,9 +310,33 @@
 .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));
+}
+
+.client-row-delete:hover:not(:has(svg)) {
   transform: rotate(8deg) scale(1.1);
 }
 
+.client-row-delete svg {
+  width: 17px;
+  height: 17px;
+  overflow: visible;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.6;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.client-row-delete-lid {
+  transform-origin: center 7px;
+  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.client-row-delete:hover:not(:disabled) .client-row-delete-lid,
+.client-row-delete:focus-visible .client-row-delete-lid {
+  transform: translateY(-2px) rotate(-8deg);
+}
+
 .client-rule-handle:focus-visible,
 .client-local-rule-enabled:focus-visible,
 .client-rule-type-trigger:focus-visible,