dashboard: Verdana + left-edge type color bar

frontend/src/views/ShopfloorDashboard.vue

@@ -448,7 +448,7 @@ function handlePhotoError(e) {
   position: relative;
   background: #00003d;
   color: #fff;
-  font-family: 'Archivo Variable', 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-family: Verdana, Geneva, Tahoma, 'Inter Variable', sans-serif;
   overflow: hidden;
 }
 
@@ -730,12 +730,14 @@ function handlePhotoError(e) {
 }
 
 .event-card {
+  position: relative;
+  overflow: hidden;
   display: flex;
   align-items: center;
   background: #fff;
   color: #00003d;
   border-radius: 8px;
-  padding: 15px 20px;
+  padding: 15px 20px 15px 30px;
   gap: 15px;
 }
 
@@ -745,9 +747,12 @@ function handlePhotoError(e) {
 }
 
 .event-indicator {
-  width: 8px;
-  height: 60px;
-  border-radius: 4px;
+  /* Type color spanning the whole left edge of the card (old-site style). */
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 12px;
   flex-shrink: 0;
 }