section.block{margin:22px 0;padding:20px;border:1px solid #dce1eb}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.data-grid label{font-size:13px}.diagram{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#edf1fa;padding:15px}.diagram span{border:1px solid #26469c;padding:9px;background:white}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.geo input{min-width:80px}.geo td,.geo th{min-width:80px;padding:7px}.geo td:last-child{min-width:235px}.geo button{padding:5px;margin:2px}.status{padding:12px;background:#edf1fa;border-left:4px solid #26469c}.status.failed{background:#fff0f0}.status.stale{background:#fff0cd}.chart{margin:16px 0;max-width:850px}.chart svg{width:100%;height:auto;background:#f7f8fb;border:1px solid #dce1eb}.metrics{display:flex;gap:15px;flex-wrap:wrap}.metrics div{flex:1;min-width:180px;padding:13px;background:#edf1fa}.study-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.swatch{display:inline-block;width:12px;height:12px;margin:0 6px}.red{color:#ab2020}.help-frame{width:100%;border:0;height:900px}progress{width:100%;height:20px}@media(max-width:850px){.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.data-grid,.study-form{grid-template-columns:1fr}section.block{padding:12px}.geo{min-width:750px}}

/* Match process-window legend text to the existing point colours. */
.process-legend{display:flex;flex-wrap:wrap;gap:6px}.process-legend .process-complete{color:#277247}.process-legend .process-pressure{color:#b56918}.process-legend .process-freeze{color:#3264a0}.process-legend .process-range{color:#a62b31}.process-legend .process-unavailable{color:#727985}