Polish QA workspace density

frontend/src/styles/app.css

@@ -1420,18 +1420,63 @@ button.entity-card {
   overflow-wrap: anywhere;
 }
 
-.quality-summary-grid {
+.quality-results-shell {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.quality-summary-surface,
+.quality-evidence-surface,
+.quality-control-surface,
+.quality-history-surface {
+  min-width: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.72rem;
+  background: #ffffff;
+}
+
+.quality-summary-surface {
+  background: linear-gradient(180deg, #ffffff, #f7fbf8);
+}
+
+.quality-evidence-surface {
+  background: #f8fbf9;
+}
+
+.quality-control-surface,
+.quality-history-surface {
+  display: grid;
+  gap: 0.68rem;
+}
+
+.quality-control-surface .button-row,
+.quality-control-surface .quality-history-controls,
+.quality-control-surface .list-limit-banner {
+  margin-top: 0;
+}
+
+.quality-result-state-stack {
+  display: grid;
+  gap: 0.55rem;
+}
+
+.quality-results-shell .quality-check-list {
+  margin: 0;
+}
+
+.quality-results-shell .quality-summary-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0.65rem;
-  margin: 0.75rem 0;
+  margin: 0;
 }
 
-.quality-handoff-grid {
+.quality-results-shell .quality-handoff-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
   gap: 0.65rem;
-  margin: 0 0 0.75rem;
+  margin: 0;
 }
 
 .quality-summary-grid > div {
@@ -1446,7 +1491,7 @@ button.entity-card {
   border: 1px solid rgba(15, 118, 110, 0.18);
   border-radius: 8px;
   padding: 0.72rem;
-  background: #f8fbf9;
+  background: #ffffff;
 }
 
 .quality-summary-grid span,
@@ -2750,6 +2795,27 @@ button.entity-card {
     padding: 0.58rem;
   }
 
+  .quality-summary-surface,
+  .quality-evidence-surface,
+  .quality-control-surface,
+  .quality-history-surface {
+    padding: 0.58rem;
+  }
+
+  .quality-results-shell .quality-summary-grid,
+  .quality-results-shell .quality-history-controls {
+    grid-template-columns: repeat(auto-fit, minmax(8.25rem, 1fr));
+    gap: 0.5rem;
+  }
+
+  .quality-results-shell .quality-handoff-grid,
+  .quality-results-shell .quality-score-row,
+  .quality-results-shell .quality-metric-grid,
+  .quality-results-shell .metric-list {
+    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
+    gap: 0.5rem;
+  }
+
   .layer-control-card {
     padding: 0.52rem 0.58rem;
   }