polish access difference workspace

vehicle-data-platform/apps/web/src/v2/styles/workspace.css

@@ -8522,6 +8522,109 @@
   padding-block: 6px;
 }
 
+.v2-access-table-scroll-v3 table {
+  min-width: 1005px;
+}
+
+.v2-access-table-scroll-v3 th:nth-child(1) { width: 165px; }
+.v2-access-table-scroll-v3 th:nth-child(2) { width: 140px; }
+.v2-access-table-scroll-v3 th:nth-child(3),
+.v2-access-table-scroll-v3 th:nth-child(4),
+.v2-access-table-scroll-v3 th:nth-child(5) { width: 160px; }
+.v2-access-table-scroll-v3 th:nth-child(6) { width: 220px; }
+
+.v2-access-connection {
+  min-width: 0;
+  gap: 3px;
+}
+
+.v2-access-connection > span,
+.v2-access-connection > small {
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v2-access-connection > span {
+  color: #4e5f76;
+  font-size: 10px;
+  font-weight: 650;
+}
+
+.v2-access-connection > small {
+  color: #8b97a8;
+  font-size: 9px;
+}
+
+.v2-access-time {
+  font: inherit;
+  font-variant-numeric: tabular-nums;
+}
+
+.v2-access-inspector-focus.semi-card {
+  margin: 10px 12px 0;
+  overflow: hidden;
+  border: 1px solid #dce6f2;
+  border-radius: 10px;
+  background: linear-gradient(115deg, #f7faff 0%, #eef5ff 100%);
+  box-shadow: 0 7px 20px rgba(42, 72, 110, .055);
+}
+
+.v2-access-inspector-focus.is-degraded.semi-card,
+.v2-access-inspector-focus.is-incomplete.semi-card {
+  border-color: #f0d9b7;
+  background: linear-gradient(115deg, #fffaf3 0%, #fff4e6 100%);
+}
+
+.v2-access-inspector-focus.is-offline.semi-card,
+.v2-access-inspector-focus.is-not_connected.semi-card {
+  border-color: #efd5d2;
+  background: linear-gradient(115deg, #fffafa 0%, #fff0ef 100%);
+}
+
+.v2-access-inspector-focus > .semi-card-body {
+  display: flex;
+  min-height: 82px;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 13px !important;
+}
+
+.v2-access-inspector-focus > .semi-card-body > div {
+  display: grid;
+  min-width: 0;
+  gap: 3px;
+}
+
+.v2-access-inspector-focus small {
+  color: #7c8b9f;
+  font-size: 9px;
+  font-weight: 650;
+}
+
+.v2-access-inspector-focus strong {
+  overflow-wrap: anywhere;
+  color: #30445f;
+  font-size: 14px;
+  line-height: 1.45;
+}
+
+.v2-access-inspector-focus span {
+  color: #77879b;
+  font-size: 10px;
+  line-height: 1.45;
+}
+
+.v2-access-inspector-focus .v2-access-connection-tag.semi-tag {
+  flex: 0 0 auto;
+}
+
+.v2-access-inspector-focus + .v2-access-inspector-summary.semi-descriptions {
+  padding-top: 8px;
+}
+
 .v2-ops-page {
   width: 100%;
   height: 100%;
@@ -8737,6 +8840,10 @@
     display: none;
   }
 
+  .v2-access-mobile-card-content > header .v2-access-connection > small {
+    display: none;
+  }
+
   .v2-access-mobile-card-content > header .v2-access-connection-tag.semi-tag {
     min-height: 20px;
     border-radius: 5px;
@@ -8752,6 +8859,11 @@
     white-space: nowrap;
   }
 
+  .v2-access-mobile-card-content > p.is-issue {
+    color: #9c5b0f;
+    font-weight: 650;
+  }
+
   .v2-access-mobile-protocols {
     gap: 4px;
     padding-top: 5px;
@@ -8829,6 +8941,19 @@
     scroll-snap-align: none;
   }
 
+  .v2-access-inspector-focus.semi-card {
+    margin: 8px 9px 0;
+  }
+
+  .v2-access-inspector-focus > .semi-card-body {
+    min-height: 74px;
+    padding: 10px 11px !important;
+  }
+
+  .v2-access-inspector-focus strong {
+    font-size: 13px;
+  }
+
   .v2-ops-page {
     height: auto;
     min-height: 100%;