Changeset 0.28.7 (#193)

packages/icd-test-runner/css/main.css

@@ -0,0 +1,74 @@
+/* ICD Test Runner — Surface Styles */
+
+#extension-mount {
+  font-family: var(--font, 'DM Sans', sans-serif);
+}
+
+#extension-mount h1 {
+  font-family: var(--font, 'DM Sans', sans-serif);
+  letter-spacing: -0.3px;
+}
+
+#extension-mount table {
+  font-variant-numeric: tabular-nums;
+}
+
+#extension-mount table td,
+#extension-mount table th {
+  border-color: var(--border);
+}
+
+#extension-mount table tbody tr:last-child {
+  border-bottom: none;
+}
+
+#extension-mount table tbody tr:hover {
+  background: var(--bg-hover) !important;
+}
+
+/* Buttons — override small padding for our use */
+#extension-mount .btn-primary,
+#extension-mount .btn-secondary,
+#extension-mount .btn-ghost {
+  font-size: 13px;
+  padding: 7px 16px;
+  border-radius: var(--radius, 8px);
+  cursor: pointer;
+  font-family: var(--font, 'DM Sans', sans-serif);
+  font-weight: 600;
+  transition: background var(--transition, 180ms ease), opacity var(--transition, 180ms ease);
+}
+
+/* Fallback button styles if platform classes not loaded */
+#extension-mount button.btn-primary {
+  background: var(--accent, #6c9fff);
+  color: #fff;
+  border: none;
+}
+#extension-mount button.btn-primary:hover {
+  opacity: 0.88;
+}
+
+#extension-mount button.btn-secondary {
+  background: var(--accent-dim, rgba(108,159,255,0.12));
+  color: var(--accent, #6c9fff);
+  border: none;
+}
+#extension-mount button.btn-secondary:hover {
+  background: var(--accent-dim, rgba(108,159,255,0.2));
+}
+
+#extension-mount button.btn-ghost {
+  background: transparent;
+  color: var(--text-2, #9898a8);
+  border: 1px solid var(--border, #2e2e35);
+}
+#extension-mount button.btn-ghost:hover {
+  background: var(--bg-hover, #2a2a30);
+}
+
+/* Status dot animation for running state */
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}