Add tabbed workbench inspector

frontend/src/styles/app.css

@@ -764,7 +764,7 @@ section th {
   max-height: 16rem;
 }
 
-.workbench-inspector h2 {
+.inspector-header h2 {
   position: sticky;
   top: 0;
   z-index: 2;
@@ -1121,6 +1121,106 @@ button.entity-card {
   grid-template-columns: 1fr;
 }
 
+.workbench-inspector-panel {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.inspector-header {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.inspector-header h2 {
+  margin-bottom: 0;
+}
+
+.inspector-tabs {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.35rem;
+  position: sticky;
+  top: 3.4rem;
+  z-index: 3;
+  border-bottom: 1px solid var(--line);
+  padding-bottom: 0.65rem;
+  background: #f8fbf9;
+}
+
+.inspector-tab {
+  min-height: 2.2rem;
+  padding: 0.38rem 0.42rem;
+  background: #ffffff;
+  box-shadow: none;
+  font-size: 0.78rem;
+  line-height: 1.2;
+}
+
+.inspector-tab-active {
+  border-color: rgba(15, 118, 110, 0.46);
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+}
+
+.inspector-tab-panel {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.inspector-card {
+  display: grid;
+  gap: 0.55rem;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.8rem;
+  background: #ffffff;
+}
+
+.inspector-card h3 {
+  margin-top: 0;
+}
+
+.inspector-field {
+  display: grid;
+  gap: 0.16rem;
+  min-width: 0;
+  border-top: 1px solid var(--line);
+  padding-top: 0.5rem;
+}
+
+.inspector-field:first-of-type {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.inspector-field span {
+  color: var(--muted);
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.inspector-field strong {
+  overflow: hidden;
+  font-size: 0.88rem;
+  line-height: 1.28;
+  text-overflow: ellipsis;
+}
+
+.workbench-inspector-panel .dataset-detail-panel {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.dataset-detail-panel > div,
+.dataset-detail-panel ul {
+  display: grid;
+  gap: 0.55rem;
+}
+
 @media (max-width: 1120px) {
   .workbench-layout {
     grid-template-columns: 12rem minmax(0, 1fr);