feat(platform): reshape telematics operations console

vehicle-data-platform/apps/web/src/styles/global.css

@@ -252,6 +252,32 @@ body {
   background-size: 36px 36px;
 }
 
+.vp-monitor-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 260px;
+  gap: 16px;
+  margin-bottom: 16px;
+}
+
+.vp-monitor-map {
+  min-height: 430px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  overflow: hidden;
+  background: var(--vp-surface);
+}
+
+.vp-monitor-map-header {
+  min-height: 50px;
+  padding: 12px;
+  border-bottom: 1px solid var(--vp-border);
+  background: #fbfcff;
+}
+
+.vp-map-monitor {
+  height: 380px;
+}
+
 .vp-map-dot {
   position: absolute;
   width: 10px;
@@ -261,6 +287,55 @@ body {
   box-shadow: 0 0 0 5px rgba(22, 100, 255, 0.16);
 }
 
+.vp-map-dot-online {
+  background: var(--vp-success);
+  box-shadow: 0 0 0 5px rgba(18, 183, 106, 0.16);
+}
+
+.vp-map-dot-offline {
+  background: var(--vp-warning);
+  box-shadow: 0 0 0 5px rgba(247, 144, 9, 0.16);
+}
+
+.vp-monitor-side {
+  display: grid;
+  gap: 12px;
+  align-content: start;
+}
+
+.vp-monitor-metric {
+  min-height: 72px;
+  padding: 12px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+}
+
+.vp-monitor-metric-value {
+  margin-top: 8px;
+  color: var(--vp-text);
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 30px;
+}
+
+.vp-alert-flow {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.vp-alert-flow-item {
+  min-height: 96px;
+  padding: 12px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  display: grid;
+  gap: 10px;
+  align-content: start;
+}
+
 .vp-json {
   margin: 0;
   padding: 16px;
@@ -395,7 +470,9 @@ body {
 @media (max-width: 900px) {
   .vp-evidence-grid,
   .vp-action-grid,
-  .vp-conclusion-grid {
+  .vp-conclusion-grid,
+  .vp-monitor-layout,
+  .vp-alert-flow {
     grid-template-columns: 1fr;
   }
 }