Add widescreen workbench layout support

frontend/src/styles/app.css

@@ -5193,6 +5193,89 @@ section {
   font-size: 0.82rem;
 }
 
+/* Sprint 161 widescreen workbench support: use extra horizontal space without changing workflows. */
+@media (min-width: 1800px) {
+  .workbench-topbar {
+    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
+    padding-inline: 1.35rem;
+  }
+
+  .context-bar > div {
+    max-width: 16rem;
+  }
+
+  .workbench-layout {
+    grid-template-columns: 14rem minmax(0, 1fr) 24rem;
+  }
+
+  .workbench-main {
+    padding: 1.1rem 1.35rem 1.35rem;
+  }
+
+  .workbench-inspector {
+    padding: 1rem;
+  }
+
+  .workspace-grid-data {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .workspace-grid-analysis,
+  .workspace-grid-ai,
+  .workspace-grid-exports {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .workspace-grid-data > section:nth-child(3) {
+    grid-column: auto;
+  }
+
+  .workbench-main .map-container,
+  .map-frame-surface .map-container {
+    height: calc(100vh - 18rem);
+    min-height: 36rem;
+  }
+
+  .map-context-summary,
+  .dataset-role-summary-grid,
+  .layer-provenance-rail,
+  .guided-gis-steps,
+  .handoff-readiness-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .map-inspection-surface {
+    grid-template-columns: minmax(22rem, 0.8fr) minmax(22rem, 1fr) minmax(22rem, 1fr);
+  }
+}
+
+@media (min-width: 2200px) {
+  .workbench-layout {
+    grid-template-columns: 15rem minmax(0, 1fr) 26rem;
+  }
+
+  .workbench-main {
+    padding: 1.2rem 1.65rem 1.5rem;
+  }
+
+  .workspace-grid-data,
+  .workspace-grid-analysis,
+  .workspace-grid-ai,
+  .workspace-grid-exports {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .workbench-main .map-container,
+  .map-frame-surface .map-container {
+    height: calc(100vh - 15.5rem);
+    min-height: 42rem;
+  }
+
+  .map-workspace-shell .map-toolbar {
+    grid-template-columns: minmax(16rem, 1.35fr) minmax(12rem, 1fr) repeat(2, minmax(9rem, 0.85fr)) minmax(12rem, 1fr);
+  }
+}
+
 @media (max-width: 1180px) {
   .workspace-grid-data,
   .map-inspection-surface {