diff --git a/chemistry-well-details-mockup.html b/chemistry-well-details-mockup.html
index 0b37a59..e07ea98 100644
--- a/chemistry-well-details-mockup.html
+++ b/chemistry-well-details-mockup.html
@@ -1865,67 +1865,85 @@
/* ── Page-specific ──
Shared styles live in design-system/ocotillo.css. */
/* ── Sample meta ── */
- .sample-meta {
- font-size: 12px;
- color: var(--muted-foreground);
- margin-bottom: 12px;
- }
+ .sample-meta {
+ font-size: 12px;
+ color: var(--muted-foreground);
+ margin-bottom: 12px;
+ }
.sample-meta strong {
- color: var(--foreground);
- font-weight: 600;
- }
+ color: var(--foreground);
+ font-weight: 600;
+ }
.sample-context {
- display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- border: 1px solid var(--divider);
- border-radius: 5px;
- overflow: hidden;
- margin-bottom: 12px;
- background: var(--paper);
- }
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ border: 1px solid var(--divider);
+ border-radius: 5px;
+ overflow: hidden;
+ margin-bottom: 12px;
+ background: var(--paper);
+ }
.sample-context-cell {
- padding: 9px 12px;
- border-left: 1px solid var(--divider);
- min-width: 0;
- }
+ padding: 9px 12px;
+ border-left: 1px solid var(--divider);
+ min-width: 0;
+ }
.sample-context-cell:first-child {
- border-left: none;
- }
+ border-left: none;
+ }
.sample-note {
- margin-bottom: 12px;
- padding: 9px 12px;
- border-radius: 5px;
- border: 1px solid #bfdbfe;
- background: #eff6ff;
- font-size: 12px;
- color: var(--foreground);
- }
+ margin-bottom: 12px;
+ padding: 9px 12px;
+ border-radius: 5px;
+ border: 1px solid #bfdbfe;
+ background: #eff6ff;
+ font-size: 12px;
+ color: var(--foreground);
+ }
+ .value-exceed {
+ color: var(--destructive);
+ font-weight: 700;
+ }
+ .standard-pending {
+ color: var(--muted-foreground);
+ font-size: 11px;
+ white-space: nowrap;
+ }
+ #tab-chem .datagrid.crosstab th:last-child,
+ #tab-chem .datagrid.crosstab td:last-child,
+ #tab-tracers .datagrid.crosstab th:last-child,
+ #tab-tracers .datagrid.crosstab td:last-child,
+ #tab-additional .datagrid.crosstab th:last-child,
+ #tab-additional .datagrid.crosstab td:last-child {
+ min-width: max-content;
+ white-space: nowrap;
+ }
/* ── QA banner ── */
- .qa-banner {
- display: flex;
- align-items: center;
- gap: 8px;
- background: #f0fdf4;
- border: 1px solid #bbf7d0;
- border-radius: 5px;
- padding: 7px 12px;
- font-size: 12px;
- color: #166534;
- margin-bottom: 12px;
- }
+ .qa-banner {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ background: #f0fdf4;
+ border: 1px solid #bbf7d0;
+ border-radius: 5px;
+ padding: 7px 12px;
+ font-size: 12px;
+ color: #166534;
+ margin-bottom: 12px;
+ }
/* ── Time series hint ── */
- .ts-hint {
- margin-top: 12px;
- padding: 10px 14px;
- background: var(--wrapper);
- border-radius: 5px;
- font-size: 12px;
- color: var(--muted-foreground);
- border: 1px solid var(--divider);
- display: flex;
- align-items: center;
- gap: 8px;
- }
+ .ts-hint {
+ margin-top: 12px;
+ padding: 10px 14px;
+ background: var(--wrapper);
+ border-radius: 5px;
+ font-size: 12px;
+ color: var(--muted-foreground);
+ border: 1px solid var(--divider);
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
@@ -2153,6 +2171,7 @@
+