merge: integrate wired and wireless CAN into N7Web

apps/web-console/console-v2.css

@@ -346,6 +346,63 @@
   display: none;
 }
 
+.console-v2 .v2-transport-field {
+  padding: 8px;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid rgba(255, 255, 255, 0.78);
+  border-radius: 10px;
+}
+
+.console-v2 .v2-transport-field > .field-label {
+  margin-bottom: 6px;
+}
+
+.console-v2 .v2-transport-field .vehicle-transport-options {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 5px;
+}
+
+.console-v2 .v2-transport-field .mode-option {
+  min-width: 0;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 5px 7px;
+  color: #657879;
+  background: rgba(246, 249, 248, 0.92);
+  border: 1px solid rgba(105, 137, 137, 0.16);
+  border-radius: 8px;
+  font-size: 10px;
+  font-weight: 850;
+  cursor: pointer;
+}
+
+.console-v2 .v2-transport-field .mode-option svg {
+  width: 14px;
+  height: 14px;
+}
+
+.console-v2 .v2-transport-field .mode-option.active {
+  color: #fff;
+  background: linear-gradient(145deg, var(--v2-accent), var(--v2-accent-strong));
+  border-color: transparent;
+  box-shadow: 0 5px 13px color-mix(in srgb, var(--v2-accent) 20%, transparent);
+}
+
+.console-v2 .v2-transport-field > #vehicleTransportNote {
+  display: block;
+  margin: 6px 1px 0;
+  overflow: hidden;
+  color: #809091;
+  font-size: 8px;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .console-v2 .v2-config-card {
   min-width: 0;
   min-height: var(--v2-sidebar-card-height);