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 @@ +