:root { --ink: #162338; --muted: #5e6d82; --line: #dbe3ee; --blue: #1259c3; --pale: #f4f7fb; --green: #166b45; --red: #b42318; --amber: #a15c00; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: var(--pale); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
.activity-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: start center; padding-top: 84px; background: rgba(244, 247, 251, .45); cursor: wait; }.activity-card { display: grid; grid-template-columns: auto minmax(260px, 420px); align-items: center; gap: 14px; padding: 16px 20px; border: 1px solid #aebdd1; border-radius: 10px; background: white; box-shadow: 0 14px 45px rgba(15, 35, 65, .22); }.activity-card > div { display: grid; gap: 5px; }.activity-card progress { width: 100%; accent-color: var(--blue); }.activity-spinner { width: 24px; height: 24px; border: 3px solid #d7e2f0; border-top-color: var(--blue); border-radius: 50%; animation: activity-spin .75s linear infinite; }@keyframes activity-spin { to { transform: rotate(360deg); } }@media (prefers-reduced-motion: reduce) { .activity-spinner { animation-duration: 1.8s; } }
.site-header { height: 64px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; background: #102b52; color: white; }
.brand { color: white; text-decoration: none; font-size: 1.05rem; font-weight: 750; letter-spacing: .02em; }.brand span { font-weight: 400; opacity: .78; }.header-actions, .primary-nav { display: flex; align-items: center; }.header-actions { height: 100%; gap: 22px; }.primary-nav { gap: 24px; }.primary-nav a { color: #dce8fb; text-decoration: none; font-size: .93rem; }.primary-nav a:hover { color: white; }.account-menu { min-width: 112px; padding-left: 22px; border-left: 1px solid #496180; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.15; }.signed-in-user { color: white; font-size: .93rem; white-space: nowrap; }.account-menu form { margin: 3px 0 0; }.nav-button { padding: 0; border: 0; background: transparent; color: #aebfd8; cursor: pointer; font: inherit; font-size: .76rem; }.nav-button:hover { color: white; text-decoration: underline; }
.page-shell { width: 100%; margin: 0; padding: 36px 20px 64px; }.hero, .page-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 32px; }.hero > div { max-width: 720px; }.hero h1 { max-width: none; font-size: clamp(1.5rem, 3vw, 2.25rem); white-space: nowrap; }.page-heading.compact { align-items: center; }.eyebrow { margin: 0 0 8px; color: var(--blue); font-size: .76rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }h1 { max-width: 820px; margin: 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.07; letter-spacing: -.04em; }h2 { margin: 0; font-size: 1.3rem; letter-spacing: -.02em; }h3 { margin: 0 0 8px; }p { margin: 8px 0 0; }.lede, .page-heading > div > p:not(.eyebrow) { color: var(--muted); font-size: 1.07rem; }
.button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; border: 1px solid #b9c8dc; border-radius: 7px; background: white; color: #1d375e; cursor: pointer; font: inherit; font-weight: 650; text-decoration: none; white-space: nowrap; }.button.primary { border-color: var(--blue); background: var(--blue); color: white; }.button:hover { filter: brightness(.96); }
.button:disabled, button:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; opacity: .48; filter: none; }
.heading-actions { display: flex; align-items: center; gap: 16px; }.baseline-option { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-weight: 650; white-space: nowrap; }
.file-filter { display: grid; gap: 4px; min-width: 230px; color: var(--muted); font-size: .76rem; font-weight: 650; }.file-filter input { width: 100%; padding: 8px 10px; border: 1px solid #bdc9d9; border-radius: 6px; color: var(--ink); font: inherit; font-size: .86rem; font-weight: 400; }.comparison-heading-actions { align-items: flex-end; }.comparison-heading-actions .file-filter input, .comparison-heading-actions .button { box-sizing: border-box; height: 38px; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; margin: 24px 0 32px; }.metric-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: white; }.metric-grid span { display: block; color: var(--muted); font-size: .82rem; }.metric-grid strong { display: block; margin-top: 3px; font-size: 1.8rem; letter-spacing: -.04em; }
.run-detail-heading { margin-bottom: 14px; }.run-detail-heading h1 { font-size: clamp(1.8rem, 2.7vw, 2.4rem); }.run-detail-heading .lede, .run-detail-heading > div > p:not(.eyebrow) { font-size: .95rem; }.run-overview { overflow: hidden; margin: 14px 0 24px; border: 1px solid var(--line); border-radius: 10px; background: white; }.run-summary { display: grid; grid-template-columns: minmax(0, 1fr) 185px; align-items: stretch; }.run-detail-stats { grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; }.run-detail-stats article { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 9px 14px; border: 0; border-right: 1px solid var(--line); border-radius: 0; }.run-detail-stats article:last-child { border-right: 0; }.run-detail-stats strong { margin: 0; font-size: 1.15rem; }.run-detail-stats .metric-positive span, .run-detail-stats .metric-positive strong { color: var(--green); }.run-detail-stats .metric-negative span, .run-detail-stats .metric-negative strong { color: var(--red); }.run-outcome-chart { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 7px 10px; border-left: 1px solid var(--line); }.outcome-donut { display: grid; width: 62px; height: 62px; place-content: center; border-radius: 50%; background: radial-gradient(white 0 55%, transparent 56%), var(--outcome-chart); text-align: center; }.outcome-donut strong { color: var(--green); font-size: .8rem; letter-spacing: -.04em; }.outcome-donut span { color: var(--muted); font-size: .55rem; }.outcome-legend { display: grid; gap: 2px; color: var(--muted); font-size: .67rem; }.outcome-legend span { white-space: nowrap; }.outcome-legend strong { color: var(--ink); }.outcome-legend .outcome-passed { color: var(--green); }.outcome-legend .outcome-failed { color: var(--red); }.outcome-legend .outcome-pending { color: var(--amber); }.execution-info-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 16px; border-top: 1px solid var(--line); }.execution-info-panel > div:first-child { display: flex; align-items: center; gap: 22px; min-width: 0; }.execution-info-panel h2, .baseline-run-info h3 { flex: 0 0 auto; font-size: .9rem; }.execution-facts { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0; }.execution-facts div { min-width: 90px; }.execution-facts dt { color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; }.execution-facts dd { margin: 0; font-size: .8rem; font-weight: 650; }.execution-actions { display: flex; flex-wrap: wrap; gap: 7px; }.execution-actions .button { padding: 6px 9px; font-size: .76rem; }.baseline-run-info { margin: 0 0 18px; padding: 16px; border: 1px solid #cfe3d5; border-radius: 8px; background: #f4fbf6; }.baseline-run-info .run-info-layout { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.baseline-metrics { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 9px; color: var(--muted); font-size: .8rem; }.baseline-run-info .baseline-metrics { padding-bottom: 8px; border-bottom: 1px solid #b9d6c2; }.baseline-run-info .execution-facts { margin-top: 8px; }.baseline-metrics strong { color: var(--ink); }
.baseline-run-info .run-info-layout { align-items: stretch; }.baseline-summary { flex: 1 1 480px; min-width: 0; }.baseline-side { display: flex; flex: 0 0 250px; flex-direction: column; justify-content: center; gap: 10px; padding-left: 18px; border-left: 1px solid #b9d6c2; }.baseline-identifiers .execution-fingerprints { display: grid; gap: 5px; }.baseline-run-info .execution-actions { align-items: stretch; flex-direction: column; justify-content: center; flex-wrap: nowrap; }.execution-fingerprints { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--muted); font-size: .7rem; }.execution-fingerprints code { font-size: .7rem; font-weight: 700; }.configuration-fingerprints { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 14px; padding: 10px 12px; border-radius: 7px; background: #f4f7fb; color: var(--muted); font-size: .8rem; }.configuration-fingerprints code { color: var(--ink); font-weight: 700; }.match-filter { display: flex; justify-content: flex-end; margin-bottom: 10px; }.match-filter label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .8rem; font-weight: 650; }.match-filter select { padding: 7px 9px; border: 1px solid #bdc9d9; border-radius: 6px; background: white; color: var(--ink); }.match-kind { display: flex; flex-wrap: wrap; gap: 5px; }.match-kind span { padding: 2px 7px; border-radius: 999px; background: #e4f5ec; color: var(--green); font-size: .72rem; font-weight: 700; }
.panel { margin-top: 24px; padding: 24px; border: 1px solid var(--line); border-radius: 11px; background: white; }.panel-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 18px; }.panel-heading > a { color: var(--blue); font-weight: 650; text-decoration: none; }.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; font-size: .9rem; }th { padding: 10px 12px; color: var(--muted); font-size: .73rem; letter-spacing: .06em; text-align: left; text-transform: uppercase; }td { padding: 12px; border-top: 1px solid var(--line); vertical-align: top; }td a { color: #0c4aa0; font-weight: 650; text-decoration: none; }small { display: block; margin-top: 3px; color: var(--muted); font-size: .76rem; }.quiet { color: var(--muted); }.error { color: var(--red); }.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #e9eef6; color: #3c4c63; font-size: .76rem; font-weight: 700; }.badge.passed, .badge.completed { background: #e4f5ec; color: var(--green); }.badge.mismatch, .badge.failed, .badge.harnesserror, .badge.processingerror { background: #fee9e7; color: var(--red); }.badge.running, .badge.queued, .badge.dispatched { background: #fff1d6; color: var(--amber); }
.table-filters th { padding-top: 0; border-bottom: 1px solid var(--line); }.table-filters input, .table-filters select { min-width: 90px; width: 100%; padding: 6px 7px; border: 1px solid #bdc9d9; border-radius: 5px; color: var(--ink); background: white; font: inherit; font-size: .75rem; letter-spacing: normal; text-transform: none; }.table-pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }.table-pagination label, .table-pagination > div { display: flex; align-items: center; gap: 8px; }.table-pagination select { padding: 7px; border: 1px solid #bdc9d9; border-radius: 5px; background: white; color: var(--ink); }.table-pagination .button { padding: 7px 12px; }
.runs-table { min-width: 980px; table-layout: fixed; }.runs-table .runs-col-baseline { width: 86px; }.runs-table .runs-col-environment { width: 105px; }.runs-table .runs-col-state { width: 155px; }.runs-table .runs-col-count { width: 88px; }.runs-table .runs-col-requested { width: 175px; }.runs-table .runs-col-actions { width: 82px; }.runs-table .table-filters input, .runs-table .table-filters select { min-width: 0; }.runs-table th:first-child, .runs-table td:first-child { padding-left: 8px; padding-right: 8px; text-align: center; }.runs-table th:nth-child(4), .runs-table td:nth-child(4), .runs-table th:nth-child(5), .runs-table td:nth-child(5) { padding-left: 8px; padding-right: 8px; }.runs-table td:nth-child(5) small { white-space: nowrap; }
.range-filter-button { padding: 5px 8px; border: 1px solid #bdc9d9; border-radius: 5px; background: white; color: var(--muted); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 650; }.range-filter-button.active { border-color: var(--blue); background: #edf4ff; color: var(--blue); }.range-filter-popover { position: fixed; inset: auto; width: 230px; margin: 0; padding: 14px; border: 1px solid #aebdd1; border-radius: 8px; background: white; color: var(--ink); box-shadow: 0 12px 35px rgba(15, 35, 65, .22); text-align: left; text-transform: none; letter-spacing: normal; }.range-filter-popover::backdrop { background: transparent; }.range-filter-popover strong { display: block; margin-bottom: 8px; font-size: .85rem; }.range-filter-popover label { display: grid; gap: 3px; margin-top: 7px; color: var(--muted); font-size: .74rem; }.range-filter-popover input { width: 100%; min-width: 0; }.range-filter-popover .clear-range-filter { margin-top: 10px; }
#comparison-results tr.baseline-observation td { background: #eff9f2; }#comparison-results tr.comparison-pair-end td { border-bottom: 3px solid #a9b7c9; }
.json-preview-cell { width: 190px; max-width: 190px; }.result-preview-button { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: var(--ink); cursor: pointer; text-align: left; }.result-preview-button > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .78rem; }.result-preview-button:hover > span { color: var(--blue); }.result-preview-button small { color: var(--blue); }
.result-dialog { width: min(1120px, calc(100vw - 40px)); max-height: calc(100vh - 40px); padding: 24px; overflow-y: auto; border: 1px solid #aebdd1; border-radius: 12px; color: var(--ink); box-shadow: 0 24px 70px rgba(15, 35, 65, .28); }.result-dialog::backdrop { background: rgba(14, 28, 49, .58); }.dialog-heading { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 18px; }.dialog-close { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; background: white; color: var(--ink); cursor: pointer; font-size: 1.5rem; line-height: 1; }.json-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.json-comparison section { min-width: 0; }.json-comparison pre { max-height: 48vh; margin: 8px 0 0; padding: 14px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: #f8fafc; color: #27364d; font-size: .78rem; line-height: 1.55; }.comparison-verdicts { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; font-weight: 650; }.result-dialog pre > span { display: grid; grid-template-columns: 3.2em minmax(0, 1fr); min-height: 1.55em; }.json-line-number { padding-right: .8em; border-right: 1px solid #dbe3ee; color: #8190a5; text-align: right; user-select: none; }.json-line-content { min-width: 0; padding-left: .8em; white-space: pre; }.json-difference-line { margin: 0; padding: 0; border-left: 3px solid #d92d20; background: #fff0ee; color: #8f1d16; }.json-missing-line { margin-top: 4px; padding: 2px 0; border-left: 3px solid #d92d20; background: #fff0ee; color: #8f1d16; font-weight: 700; }.difference-summary { margin-top: 20px; }.difference-summary > div { display: grid; gap: 8px; margin-top: 8px; }.difference-summary article { display: grid; grid-template-columns: minmax(130px, .7fr) 1fr 1fr; gap: 10px; padding: 10px; border: 1px solid #f1b5af; border-radius: 7px; background: #fff8f7; }.difference-summary article > code, .difference-summary article > div { min-width: 0; overflow-wrap: anywhere; }.difference-summary article div span { color: var(--muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }.difference-summary article pre { margin: 2px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; font-size: .78rem; }.difference-summary article p { grid-column: 1 / -1; margin: 0; color: var(--red); font-size: .78rem; }
.suite-grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }.suite-card { display: flex; flex-direction: column; box-sizing: border-box; flex: 0 0 320px; width: 320px; min-height: 190px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcfe; overflow-wrap: anywhere; }.suite-card.inactive { opacity: .65; }.suite-card p:not(.eyebrow) { min-height: 48px; color: var(--muted); font-size: .9rem; }.suite-card-actions { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-top: auto; }.link-button { padding: 0; border: 0; background: transparent; color: #0c4aa0; cursor: pointer; font: inherit; font-weight: 650; text-align: left; }.danger-button { border-color: #e2a39e; color: var(--red); }details { color: var(--muted); font-size: .8rem; }details summary { cursor: pointer; color: var(--blue); }code { color: #3a4760; font-size: .78rem; }.case-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }.case-form h3 { grid-column: 1 / -1; }.case-form label { display: grid; align-content: start; gap: 5px; color: var(--muted); font-size: .82rem; }.case-form input, .case-form select, .case-form textarea, td input, td textarea { width: 100%; border: 1px solid #bdc9d9; border-radius: 5px; padding: 7px; color: var(--ink); background: white; font: inherit; font-size: .82rem; }.credential-input { display: flex; gap: 7px; align-items: center; }.credential-input input { min-width: 0; }.credential-input .compact-button { flex: 0 0 auto; padding: 7px 10px; font-size: .78rem; }.full-width { grid-column: 1 / -1; }.revision-form { grid-template-columns: minmax(260px, 1fr) 2fr; margin-top: 0; padding-top: 0; border-top: 0; }.suite-form { margin-top: 0; padding-top: 0; border-top: 0; }.case-form .checkbox-field { display: flex; align-items: center; gap: 8px; }.case-form .checkbox-field input { width: auto; }.form-actions { display: flex; gap: 10px; }.dataset-help { margin: 0; padding: 11px 13px; border-left: 3px solid #6f9dde; border-radius: 4px; background: #eef5ff; color: #36506f; font-size: .86rem; }.manual-source { padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: #fafcff; }.manual-source-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 14px; }.case-form button { width: max-content; align-self: end; }
.run-summary { grid-template-columns: minmax(280px, .55fr) minmax(270px, .5fr) minmax(650px, 1.5fr); }.run-detail-stats { grid-template-columns: 1fr; }.run-detail-stats article { padding: 12px 16px; border-right: 0; }.run-detail-stats article.item-summary { display: grid; gap: 8px; }.run-detail-stats .item-summary > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.run-detail-stats .item-summary strong { font-size: 1.15rem; white-space: nowrap; }.run-outcome-chart { justify-content: flex-start; gap: 16px; padding: 10px 16px; }.outcome-donut { width: 108px; height: 108px; }.outcome-donut strong { font-size: 1rem; }.outcome-donut span { font-size: .65rem; }.outcome-legend { gap: 7px; font-size: .95rem; }.outcome-legend strong { font-size: 1.05rem; }.execution-info-panel { min-width: 0; padding: 9px 14px; border-top: 0; border-left: 1px solid var(--line); }.execution-info-panel > div:first-child { gap: 14px; }.execution-info-panel h2 { font-size: .82rem; }.execution-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.execution-facts .execution-fact-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }.execution-facts .execution-fact-group > div { min-width: 0; }.execution-facts dd { overflow-wrap: anywhere; }.execution-actions { justify-content: flex-end; }.execution-actions .button { padding: 5px 7px; font-size: .7rem; }
.execution-info-panel { display: grid; grid-template-columns: auto minmax(260px, 1fr) minmax(270px, auto); align-items: center; gap: 14px; }.execution-info-panel h2 { text-align: center; line-height: 1.3; }.execution-config-values { display: grid; gap: 8px; min-width: 0; }.execution-config-row { display: grid; grid-template-columns: 54px minmax(140px, 1fr) auto; align-items: baseline; gap: 8px; }.execution-config-row > span { color: var(--muted); font-size: .67rem; letter-spacing: .05em; text-transform: uppercase; }.execution-config-row > strong, .execution-config-row > b { min-width: 0; overflow-wrap: anywhere; font-size: .78rem; }.execution-config-artifacts { display: grid; gap: 5px; min-width: 0; }.execution-config-artifacts > div { display: grid; grid-template-columns: minmax(105px, 1fr) auto; align-items: center; gap: 8px; }.execution-config-artifacts span { display: grid; color: var(--muted); font-size: .67rem; }.execution-config-artifacts code { color: var(--ink); font-size: .7rem; font-weight: 700; }.execution-config-artifacts > .button { justify-self: end; padding: 5px 7px; font-size: .7rem; }
.run-summary { grid-template-columns: 210px 350px minmax(0, 1fr); }.run-detail-stats .item-summary { align-content: center; }.run-detail-stats .item-summary > div { font-size: 1rem; }.run-detail-stats .item-summary strong { font-size: 1.25rem; }.run-outcome-chart { min-width: 0; }.outcome-donut { flex: 0 0 108px; aspect-ratio: 1; }.execution-info-panel { grid-template-columns: minmax(300px, 1fr) minmax(245px, auto); grid-template-rows: auto 1fr; align-content: center; column-gap: 18px; row-gap: 7px; }.execution-info-panel h2 { grid-column: 1 / -1; margin: 0; text-align: left; line-height: 1.2; }.execution-config-values { align-content: center; }.execution-config-row { grid-template-columns: 48px minmax(0, 1fr); }.execution-config-row > strong { font-size: .8rem; }.execution-config-artifacts { align-content: center; }.execution-config-artifacts .button { justify-self: end; min-height: 0; padding: 3px 6px; font-size: .65rem; line-height: 1.25; }.execution-config-artifacts > .button { justify-self: end; padding: 3px 6px; font-size: .65rem; }
.run-detail-stats .item-summary span { color: var(--ink); font-size: 1.25rem; }.execution-info-panel h2 { color: var(--muted); font-size: .84rem; font-weight: 400; letter-spacing: .07em; text-transform: uppercase; }.execution-config-row { grid-template-columns: 62px minmax(0, 1fr); }.execution-config-row > span { font-size: .84rem; font-weight: 400; }.execution-config-row > strong { font-size: .9rem; }.execution-config-artifacts span { font-size: .78rem; }.execution-config-artifacts code { font-size: .8rem; }
.execution-info-panel { grid-template-columns: minmax(420px, max-content) minmax(300px, max-content); justify-content: start; }.execution-config-artifacts .button, .execution-config-artifacts > .button { min-height: 36px; padding: 6px 10px; font-size: .72rem; line-height: 1.2; }.execution-config-artifacts > div { align-items: center; }.execution-config-artifacts > .button { margin-top: 2px; }
.execution-info-panel { grid-template-columns: minmax(0, 1fr) minmax(320px, auto); justify-content: stretch; }.execution-info-panel h2 { grid-column: 1; grid-row: 1; }.execution-config-values { grid-column: 1; grid-row: 2; }.execution-config-artifacts { grid-column: 2; grid-row: 1 / 3; align-self: stretch; align-content: center; padding-left: 16px; border-left: 1px solid var(--line); }.execution-config-artifacts > div, .execution-config-artifacts > .button { width: 100%; }.execution-config-artifacts .button { justify-self: end; }
.execution-config-artifacts .button, .execution-config-artifacts > .button { width: 205px; height: 36px; min-height: 36px; padding: 6px 10px; }
.extraction-summary-preview { padding: 16px 20px; }.extraction-summary-preview .panel-heading { margin-bottom: 10px; }.summary-preview-metrics { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--muted); font-size: .86rem; }.summary-preview-metrics strong { color: var(--ink); font-size: 1rem; }.extraction-report-overview { padding: 0; overflow: hidden; }.extraction-report-metrics { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); }.extraction-report-metrics article { display: grid; align-content: center; min-height: 105px; padding: 16px 20px; border-right: 1px solid var(--line); }.extraction-report-metrics article:last-child { border-right: 0; }.extraction-report-metrics span { color: var(--muted); font-size: .78rem; }.extraction-report-metrics strong { font-size: 1.55rem; }.extraction-report-metrics small { margin-top: 2px; }.extraction-report-metrics .metric-positive strong { color: var(--green); }.extraction-report-metrics .metric-negative strong { color: var(--red); }.summary-field-table-wrap { max-height: 430px; overflow-y: auto; }.summary-field-table-wrap th { position: sticky; top: 0; z-index: 1; background: white; }.summary-field-table-wrap th:nth-child(2), .summary-field-table-wrap td:nth-child(2) { width: 110px; }.summary-field-table-wrap th:nth-child(3), .summary-field-table-wrap td:nth-child(3) { width: 260px; }.error-share { display: inline-block; width: 170px; height: 7px; margin-right: 8px; overflow: hidden; border-radius: 999px; background: #eef1f5; vertical-align: middle; }.error-share span { display: block; height: 100%; border-radius: inherit; background: var(--red); }.summary-field-table-wrap td small { display: inline; }.value-preview { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .78rem; }
@media (max-width: 700px) { .site-header { padding: 0 16px; }.header-actions { gap: 12px; }.primary-nav { gap: 14px; }.account-menu { min-width: auto; padding-left: 12px; }.page-shell { padding: 24px 16px 60px; }.hero, .page-heading, .panel-heading, .execution-info-panel, .baseline-run-info .run-info-layout { align-items: start; flex-direction: column; }.file-filter { width: 100%; }.metric-grid { grid-template-columns: repeat(2, 1fr); }.run-summary { grid-template-columns: 1fr; }.run-detail-stats { grid-template-columns: repeat(2, 1fr); }.run-detail-stats article { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.run-detail-stats article:nth-child(2n) { border-right: 0; }.run-detail-stats article:nth-last-child(-n + 2) { border-bottom: 0; }.run-outcome-chart { justify-content: flex-start; border-top: 1px solid var(--line); border-left: 0; }.execution-info-panel > div:first-child { align-items: start; flex-direction: column; gap: 7px; }.baseline-side { width: 100%; padding: 10px 0 0; border-top: 1px solid #b9d6c2; border-left: 0; }.baseline-run-info .execution-actions { align-items: start; }.panel { padding: 16px; }.suite-card { flex-basis: 100%; width: 100%; }.case-form, .manual-source-fields, .json-comparison { grid-template-columns: 1fr; }.difference-summary article { grid-template-columns: 1fr; }.full-width { grid-column: auto; }.result-dialog { width: calc(100vw - 20px); padding: 16px; } }
@media (max-width: 700px) { .run-summary .execution-info-panel { grid-template-columns: 1fr; border-top: 1px solid var(--line); border-left: 0; }.execution-info-panel h2, .execution-config-values, .execution-config-artifacts { grid-column: 1; grid-row: auto; }.execution-info-panel h2 { text-align: left; }.execution-config-row { grid-template-columns: 48px minmax(0, 1fr); }.execution-config-row > b { grid-column: 2; }.execution-config-artifacts { padding-top: 10px; padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }.execution-config-artifacts > div { grid-template-columns: 1fr; }.execution-config-artifacts .button, .execution-config-artifacts > .button { justify-self: start; width: auto; } }
@media (max-width: 900px) { .extraction-report-metrics { grid-template-columns: repeat(2, 1fr); }.extraction-report-metrics article { border-bottom: 1px solid var(--line); }.extraction-report-metrics article:last-child { grid-column: 1 / -1; border-bottom: 0; }.error-share { width: 100px; } }
.attempt-history { margin-top: 5px; max-width: 220px; color: var(--muted); font-size: .72rem; }.attempt-history summary { cursor: pointer; color: var(--ink); }.attempt-history p { margin: 5px 0 0; line-height: 1.35; }
.badge.rejected { background: #fff1d6; color: var(--amber); }.outcome-legend .outcome-rejected { color: var(--amber); }
.outcome-legend .outcome-cancelled { color: #667085; }
.badge.cancelled { background: #fee9e7; color: var(--red); }
.run-cancellation-notice { margin: 0 0 1rem; padding: .65rem .85rem; border: 1px solid #d9a441; border-radius: .5rem; background: #fff8e6; color: #6f4500; font-weight: 600; }
.request-id-column { width: 92px; max-width: 92px; white-space: nowrap; }.request-id-column input { min-width: 0; padding-left: 5px; padding-right: 5px; }
.outcome-legend span { display: grid; grid-template-columns: auto minmax(78px, 1fr); column-gap: 8px; }.outcome-legend strong { text-align: right; }
.run-detail-heading > div:first-child, .summary-page-heading > div:first-child { flex: 1 1 auto; min-width: 0; }.run-detail-heading h1, .summary-page-heading h1 { max-width: none; font-size: clamp(1.2rem, 1.65vw, 1.45rem); letter-spacing: -.025em; }.run-detail-heading { gap: 32px; }
.extraction-summary-preview { padding: 12px 16px; }.extraction-summary-heading { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin: 0; }.extraction-summary-heading .eyebrow { margin-bottom: 2px; }.extraction-summary-heading h2 { font-size: 1rem; }.extraction-summary-heading .summary-preview-metrics { justify-content: flex-end; gap: 6px 18px; white-space: nowrap; }.results-heading { margin-bottom: 12px; }.results-heading h2 { font-size: 1.05rem; }.results-heading .quiet { max-width: 880px; margin-top: 2px; font-size: .66rem; line-height: 1.25; }
.execution-info-panel { grid-template-columns: minmax(0, 1fr) minmax(180px, .42fr) minmax(320px, auto); }.execution-token-usage { display: grid; grid-column: 2; grid-row: 1 / 3; align-content: center; gap: 5px; padding-left: 14px; border-left: 1px solid var(--line); color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }.execution-token-usage span { display: flex; justify-content: space-between; gap: 9px; }.execution-token-usage strong { color: var(--ink); font-size: .8rem; letter-spacing: 0; }.execution-config-artifacts { grid-column: 3; }
@media (max-width: 1050px) { .extraction-summary-heading { grid-template-columns: 1fr auto; }.extraction-summary-heading .summary-preview-metrics { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }.execution-info-panel { grid-template-columns: minmax(0, 1fr) minmax(250px, auto); }.execution-token-usage { grid-column: 1; grid-row: 3; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 8px 0 0; border-top: 1px solid var(--line); border-left: 0; }.execution-config-artifacts { grid-column: 2; grid-row: 1 / 4; } }
@media (max-width: 700px) { .run-detail-heading h1, .summary-page-heading h1 { font-size: 1.2rem; }.extraction-summary-heading { grid-template-columns: 1fr; }.extraction-summary-heading .summary-preview-metrics { grid-column: 1; grid-row: auto; justify-content: flex-start; white-space: normal; }.execution-info-panel { grid-template-columns: 1fr; }.execution-config-artifacts, .execution-token-usage { grid-column: 1; grid-row: auto; }.execution-token-usage { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.quality-configuration { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(320px, 1fr) minmax(320px, 1fr); gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }.quality-configuration h3 { margin: 0; }.quality-configuration p { font-size: .8rem; }.quality-configuration textarea { resize: vertical; }.field-label { display: block; margin-bottom: 7px; color: var(--muted); font-size: .82rem; }.critical-field-suggestions { display: flex; flex-wrap: wrap; gap: 6px; max-height: 110px; overflow-y: auto; }.critical-field-chip { padding: 4px 7px; border: 1px solid #bdc9d9; border-radius: 999px; background: white; color: #1d375e; cursor: pointer; font-size: .72rem; }.critical-field-chip:hover { border-color: var(--blue); color: var(--blue); }
.extraction-quality-dashboard { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(360px, 1fr) minmax(380px, 1.2fr); gap: 12px; }.quality-chart-card { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfe; }.quality-chart-card h3 { margin: 0 0 4px; font-size: .95rem; }.quality-chart-card p { margin: 0; font-size: .82rem; }.quality-chart-card small { font-size: .7rem; }.quality-donut { display: grid; flex: 0 0 84px; width: 84px; height: 84px; place-content: center; border-radius: 50%; background: radial-gradient(white 0 57%, transparent 58%), var(--quality-chart); text-align: center; }.quality-donut strong { color: var(--green); font-size: .9rem; }.quality-donut span { color: var(--muted); font-size: .58rem; }.quality-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 14px; align-content: center; padding: 8px 12px; }.quality-fact { display: grid; min-width: 0; }.quality-fact span, .summary-quality-card > span { color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; }.quality-fact strong { font-size: .82rem; }.quality-fact small { margin: 0; font-size: .66rem; }.critical-quality strong { color: var(--green); }
.extraction-report-metrics { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr); }.summary-chart-card { display: flex; align-items: center; gap: 20px; min-height: 150px; padding: 20px 24px; border-right: 1px solid var(--line); }.summary-chart-card:nth-child(2) { border-right: 0; }.summary-chart-card h2 { font-size: 1.05rem; }.summary-chart-card p { margin: 5px 0 0; }.summary-chart-card small { display: block; }.quality-donut.large { flex-basis: 118px; width: 118px; height: 118px; }.quality-donut.large strong { font-size: 1.1rem; }.quality-donut.large span { font-size: .68rem; }.summary-quality-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.summary-quality-card { display: grid; align-content: center; min-height: 92px; padding: 14px 20px; border-right: 1px solid var(--line); }.summary-quality-card:last-child { border-right: 0; }.summary-quality-card strong { margin-top: 3px; font-size: 1.05rem; }.metric-delta { margin-top: 5px; }.metric-delta.positive { color: var(--green); }.metric-delta.negative { color: var(--red); }.metric-delta.neutral { color: var(--muted); }.summary-field-filters { display: flex; align-items: end; gap: 12px; }.summary-field-filters > label:not(.file-filter) { display: grid; gap: 4px; color: var(--muted); font-size: .76rem; font-weight: 650; }.summary-field-filters > label:first-child { display: flex; align-items: center; padding-bottom: 9px; }.summary-field-filters input[type="number"] { width: 105px; padding: 8px; border: 1px solid #bdc9d9; border-radius: 6px; }.badge.critical { background: #fff1d6; color: #8a4f00; }
@media (max-width: 1100px) { .extraction-quality-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }.quality-facts { grid-column: 1 / -1; }.quality-configuration { grid-template-columns: 1fr 1fr; }.quality-configuration > div:first-child { grid-column: 1 / -1; } }
@media (max-width: 700px) { .extraction-quality-dashboard, .extraction-report-metrics, .summary-quality-grid, .quality-configuration { grid-template-columns: 1fr; }.quality-facts, .summary-quality-grid { grid-column: 1; }.summary-chart-card, .summary-quality-card { border-right: 0; border-bottom: 1px solid var(--line); }.summary-field-filters { width: 100%; align-items: stretch; flex-direction: column; }.summary-field-filters > label:first-child { padding-bottom: 0; }.quality-configuration > div:first-child { grid-column: 1; } }
.hero h1 { white-space: nowrap; }
.user-admin-layout { display: grid; grid-template-columns: minmax(300px, .42fr) minmax(700px, 1fr); gap: 28px; }.user-form { grid-template-columns: 1fr; margin: 0; padding: 0; border: 0; }.user-name-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.user-table { min-width: 820px; table-layout: fixed; }.user-table .user-column { width: 34%; }.user-table .role-column { width: 15%; }.user-table .status-column { width: 14%; }.user-table .sign-in-column { width: 17%; }.user-table .actions-column { width: 20%; }.user-table td:first-child strong, .user-table td:first-child small { display: block; }.user-table select { min-width: 105px; padding: 7px; border: 1px solid #bdc9d9; border-radius: 6px; background: white; }.user-status-control { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }.user-status-control input { flex: 0 0 auto; margin: 0; }.user-last-sign-in { padding-left: 20px; white-space: nowrap; }.user-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 1000px) { .user-admin-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .hero h1 { font-size: 1.35rem; } }
.execution-defaults, .revision-execution-settings { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 12px; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }.execution-defaults legend, .revision-execution-settings legend { padding: 0 6px; color: var(--muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }.revision-run-settings { margin-top: 3px; font-size: .75rem; }.table-sort { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; }.table-sort:hover, .table-sort.active { color: var(--blue); }.table-sort span { display: inline-block; width: 1em; }
@media (max-width: 1000px) { .execution-defaults, .revision-execution-settings { grid-template-columns: repeat(2, minmax(160px, 1fr)); } }
@media (max-width: 600px) { .execution-defaults, .revision-execution-settings { grid-template-columns: 1fr; } }
.expected-outcome-actions { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding: 10px 12px; border: 1px solid #e5c27b; border-radius: 7px; background: #fff8e8; }.expected-outcome-actions small { margin: 0; }.difference-summary .mark-field-expected { grid-column: 3; justify-self: end; padding: 6px 10px; font-size: .76rem; }.edit-run-case { display: block; margin-top: 4px; font-size: .74rem; }.expected-outcome-editor { display: grid; grid-template-columns: auto minmax(150px, 1fr); align-items: center; gap: 8px; margin-top: 8px; color: var(--muted); font-size: .75rem; }.expected-outcome-editor select { padding: 6px; border: 1px solid #bdc9d9; border-radius: 5px; background: white; }.focused-test-case td { background: #fff8d9; }.focused-test-case td:first-child { box-shadow: inset 4px 0 #d39a14; }
.test-case-note-editor { display: grid; gap: 4px; margin: 0 0 10px; padding: 7px 9px; border: 1px solid #d8e0eb; border-radius: 7px; background: #f8fafc; }.test-case-note-editor > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.test-case-note-editor h3 { margin: 0; font-size: .72rem; line-height: 1; text-transform: uppercase; letter-spacing: .04em; }.test-case-note-editor textarea { width: 100%; min-height: 42px; padding: 5px 7px; resize: vertical; font-size: .76rem; line-height: 1.2; }.note-editor-actions { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 25px; }.note-editor-actions .button { min-height: 0; padding: 4px 9px; font-size: .7rem; line-height: 1.05; }.note-editor-actions p { margin: 0; color: var(--muted); font-size: .61rem; line-height: 1.12; }.note-editor-actions span { font-size: .65rem; white-space: nowrap; }.test-case-note-preview { display: block; max-width: 30rem; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.test-group-member-row { display: flex; align-items: center; gap: 8px; margin: 6px 0; }.test-group-member-row select { flex: 1; min-width: 0; }.group-member-help { margin: 0 0 8px; }.test-group-member-row .remove-group-member { flex: 0 0 auto; }.test-group-results-summary { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.run-item-main-row td { padding-bottom: 5px; }.run-item-note-row td { padding: 0 12px 7px; border-top: 0; }.run-item-note-content { display: flex; min-width: 0; align-items: center; gap: 5px; font-size: .74rem; }.run-item-note-content .test-case-note-preview { flex: 1 1 auto; max-width: none; margin: 0; }.run-item-note-content .edit-run-case { display: inline; margin: 0; }