changes

fusion_plating/fusion_plating_quality/static/src/scss/fp_quality_dashboard.scss

@@ -0,0 +1,57 @@
+// Sub 12 Phase D — Unified Quality Dashboard styling.
+// Reuses the shopfloor SCSS tokens ($fp-page, $fp-card, $fp-border,
+// $fp-ink, $fp-accent, etc.) — they are bundled before us via the
+// fusion_plating_shopfloor dep, so no @import is needed.
+
+.o_fp_quality_dashboard {
+    background-color: $fp-page;
+    min-height: 100%;
+
+    .o_fp_card {
+        background-color: $fp-card;
+        border: 1px solid $fp-border;
+        border-radius: 8px;
+    }
+
+    .o_fp_qd_summary {
+        min-width: 220px;
+    }
+
+    .o_fp_qd_tile {
+        cursor: pointer;
+        min-width: 130px;
+        text-align: left;
+        transition: transform 0.08s ease-in-out, box-shadow 0.08s ease-in-out;
+
+        &:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+        }
+
+        &.o_fp_qd_active {
+            border: 2px solid $fp-accent;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+        }
+    }
+
+    .o_fp_qd_metric_label {
+        font-size: 0.85em;
+        color: $fp-ink-mute;
+        font-weight: 500;
+    }
+
+    .o_fp_qd_metric_value {
+        font-size: 1.6em;
+        font-weight: 700;
+        color: $fp-ink;
+        line-height: 1.1;
+    }
+
+    .o_fp_qd_metric_sub {
+        margin-top: 0.25em;
+    }
+
+    .o_fp_qd_panel {
+        min-height: 200px;
+    }
+}