Add device traffic reset with outbound baselines

src/web/styles/features/devices.css

@@ -19,8 +19,9 @@
 }
 
 .client-devices-kicker {
-  width: max-content;
+  width: 100%;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 8px;
 }
@@ -66,6 +67,54 @@
   color: var(--client-accent);
 }
 
+.client-devices-reset {
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 0 6px;
+  border: 0;
+  background: transparent;
+  color: oklch(0.68 0.15 28);
+  font: var(--type-label);
+  letter-spacing: var(--type-label-tracking);
+  text-transform: var(--type-label-transform);
+  cursor: pointer;
+  white-space: nowrap;
+  transition: color 220ms ease, filter 300ms ease;
+}
+
+.client-devices-reset svg {
+  width: 14px;
+  height: 14px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.8;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.client-devices-reset:hover:not(:disabled),
+.client-devices-reset:focus-visible {
+  filter: drop-shadow(0 0 5px currentColor);
+}
+
+.client-devices-reset:hover:not(:disabled) svg,
+.client-devices-reset:focus-visible svg {
+  transform: rotate(-360deg);
+}
+
+.client-devices-reset:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+.client-devices-reset:disabled {
+  cursor: default;
+  opacity: 0.45;
+}
+
 .client-devices-sort {
   min-height: 28px;
   display: flex;