/* Reference data uses the same quiet, table-first workbench as batch screening. */
.data-page .data-main{padding-top:24px}.data-page .wide{max-width:1600px;padding:0 32px}.data-library-heading{display:flex;align-items:baseline;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--rule);border-bottom:0;border-radius:4px 4px 0 0}.data-library-heading h2{flex:none;white-space:nowrap;font-size:15px;font-weight:600;margin:0}.data-library-heading button{font-size:var(--text-small)}
.data-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:0 18px 16px;background:#fff;border:1px solid var(--rule);border-top:0;border-radius:0 0 4px 4px}.data-filters label{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--mut)}.data-filters .data-query{flex:1;min-width:200px;max-width:430px}.data-filters input,.data-filters select{height:33px;padding:6px 9px;background:#fff;color:var(--ink);font:var(--text-small) var(--sans);border:1px solid #CDDADD;border-radius:3px}.data-filters input{width:100%;min-width:0}.data-filters input::placeholder{color:var(--mut)}.data-filters select{max-width:170px}.data-filters button{font-size:var(--text-small)}
.data-layout{margin-top:var(--space-region);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0}.data-layout.has-inspector{grid-template-columns:minmax(0,1fr) 12px var(--data-inspector-width,360px)}.data-result-list{min-width:0;border:1px solid var(--rule);background:#fff;border-radius:4px;overflow:hidden}.data-table-scroll{overflow-x:auto}.data-page #data-table{width:100%;min-width:730px;border-collapse:collapse;border:0;margin:0;table-layout:auto}.data-page #data-table thead{position:sticky;top:0;z-index:2;background:#F7FAFA;box-shadow:0 1px var(--rule)}.data-page #data-table th{font:500 var(--text-small) var(--sans);text-align:left;color:var(--mut);padding:13px 16px;white-space:nowrap;background:#F7FAFA;border-bottom:1px solid var(--rule)}.data-page #data-table th:first-child{padding-left:18px}.data-page #data-table th:last-child{width:46px}.data-page #data-table th .text-button{font-size:var(--text-small)}.data-page #data-table td{padding:10px 16px;border-bottom:1px solid #E6ECEE;vertical-align:middle;font-size:var(--text-small);white-space:nowrap}.data-page #data-table tbody tr:last-child td{border-bottom:0}.data-page #data-table td:first-child{padding-left:18px}.data-example-row{cursor:pointer}.data-example-row:hover td{background:#F4F8F9}.data-example-row.is-current td{background:#EAF3F4}.example-molecule{display:flex;align-items:center;gap:16px;min-width:240px}.example-molecule img{width:84px;height:62px;object-fit:contain;flex:none}.example-molecule b{display:block;font:500 12px var(--mono);margin-bottom:5px}.example-molecule span{display:block;font-size:var(--text-small);color:var(--mut)}.data-page #data-table .reference-score{font:500 15px var(--mono);color:var(--teal)}.example-space-group{font:12px var(--mono)}.observed-cell[data-label='1']{color:var(--teal)}.observed-cell[data-label='0']{color:#536970}.data-page #data-table .data-empty-cell{height:260px;font:12px/1.8 var(--sans);color:var(--mut);text-align:center;padding:32px;white-space:normal}.data-list-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;border-top:1px solid var(--rule);font-size:var(--text-small);color:var(--mut);line-height:1.8}.data-list-bottom button{font-size:var(--text-small);white-space:nowrap}
.data-page .icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;padding:5px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink);cursor:pointer;touch-action:manipulation}.data-page .icon-button:hover{background:#E5EFF0}.data-page .icon-button svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.data-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.data-inspector-resizer{position:relative;align-self:stretch;min-height:320px;cursor:ew-resize;touch-action:none}.data-inspector-resizer::after{content:'';position:absolute;left:5px;top:135px;width:3px;height:32px;border-radius:2px;background:#A5BBC1}.data-inspector-resizer:hover,.data-inspector-resizer:focus-visible,.data-inspector-resizer.is-dragging{background:#176B7718}.data-page.data-resizing{cursor:ew-resize;user-select:none}.data-resizing #batch-viewer-3d{pointer-events:none}
.data-inspector{position:sticky;top:12px;grid-column:3;min-width:0;max-height:calc(100dvh - 24px);overflow-y:auto;border:1px solid var(--rule);border-radius:4px;background:#fff;scrollbar-width:thin;overscroll-behavior:contain}.data-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px}.data-inspector-heading>div:first-child{min-width:0}.data-inspector-heading span{font-size:var(--text-small);color:var(--mut)}.data-inspector-heading h3{margin:5px 0 0;font:500 15px var(--mono);overflow-wrap:anywhere}.data-inspector-actions{display:flex;align-items:center;gap:1px;flex:none}.data-page .view-icon:disabled{opacity:1;cursor:default}.data-page .batch-preview-pane:not([hidden]){animation:reference-canvas-in 180ms ease}.data-observations,.data-reference{padding:16px;border-top:1px solid var(--rule)}.data-detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}.data-detail-heading h4{font-size:var(--text-ui);font-weight:500;margin:0}.data-detail-heading>span{font-size:var(--text-small);color:var(--mut)}.observed-label{font-size:var(--text-small);line-height:1.8;margin:0 0 13px;color:#4F6770}.observed-label[data-label='1']{color:var(--teal)}.record-table-scroll{overflow-x:auto}.data-inspector .record-table{width:100%;border-collapse:collapse;margin:0;font-size:var(--text-small)}.record-table th{text-align:left;font-size:var(--text-small);font-weight:500;color:var(--mut);padding:8px 6px;background:#F7FAFA;border-bottom:1px solid var(--rule);white-space:nowrap}.record-table td{font:var(--text-small) var(--mono);padding:10px 6px;border-bottom:1px solid #E8EEF0;white-space:nowrap}.record-table th:first-child,.record-table td:first-child{padding-left:0}.record-table th:last-child,.record-table td:last-child{text-align:right;padding-right:0}.record-table tbody tr:last-child td{border-bottom:0}.data-reference-score{display:flex;align-items:baseline;gap:16px;margin:8px 0 13px}.data-reference-score strong{font:500 29px var(--mono);color:var(--teal)}.data-reference-score span{font-size:var(--text-small);color:var(--mut)}#data-reference-facts{margin:0}#data-reference-facts>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #E8EEF0}#data-reference-facts>div:last-child{border-bottom:0}#data-reference-facts dt{font-size:var(--text-small);color:var(--mut)}#data-reference-facts dd{margin:0;font:var(--text-small) var(--mono);text-align:right}.data-structure-details{border-top:1px solid var(--rule);padding:13px 16px 16px}.data-structure-details summary{font-size:var(--text-small);cursor:pointer;color:var(--teal)}.data-structure-details dl{margin-top:12px}.data-structure-details dl>div{margin-bottom:12px}.data-structure-details dt{font-size:var(--text-small);color:var(--mut);margin-bottom:4px}.data-structure-details dd{font:var(--text-small)/1.8 var(--mono);overflow-wrap:anywhere}.data-structure-details p{font-size:var(--text-small);color:var(--mut);line-height:1.8;margin:10px 0}.data-structure-details button{font-size:var(--text-small)}#data-copy-state{font-size:var(--text-small);color:var(--mut);margin-left:14px}.data-inspector-backdrop{position:fixed;inset:0;z-index:20;background:#203A4340}
.data-context{margin-top:26px;border-top:1px solid var(--rule)}.data-context>summary{padding:16px 0;font-size:var(--text-ui);color:var(--teal);cursor:pointer}.data-context-body{padding:4px 0 12px}.data-dataset-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:18px 0 22px;border-bottom:1px solid var(--rule)}.data-dataset-facts>div{border-right:1px solid var(--rule)}.data-dataset-facts>div:last-child{border:0}.data-dataset-facts span{display:block;font-size:var(--text-small);color:var(--mut);margin-bottom:6px}.data-dataset-facts b{font:500 22px var(--mono)}.data-context-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;margin-top:24px}.data-context-columns h3{font-size:13px;font-weight:500;margin:0 0 18px}.data-space-row{display:grid;grid-template-columns:85px minmax(0,1fr) 66px;align-items:center;gap:16px;margin:11px 0;font:var(--text-small) var(--mono)}.data-space-row>div{height:8px;background:#E7EEF0}.data-space-row i{display:block;height:100%;background:#A6B6BE}.data-space-row i.allowed{background:var(--teal2)}.data-space-row>span:last-child{text-align:right;color:var(--mut)}.data-distribution-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:var(--text-small);color:var(--mut)}.data-distribution-legend span{display:flex;align-items:center;gap:6px}.data-distribution-legend span::before{content:'';width:8px;height:8px;background:#A6B6BE}.data-distribution-legend span.allowed::before{background:var(--teal2)}#distribution-coverage{font-size:var(--text-small);margin-top:12px}.data-source-notes p{font-size:var(--text-ui);line-height:1.9;color:#4F6670;max-width:65ch;margin-bottom:16px}.data-page .workspace-footer{margin-top:30px}
@keyframes reference-canvas-in{from{opacity:.4}to{opacity:1}}
@media(max-width:1100px){.data-page .wide{padding:0 24px}.data-filters{gap:10px 16px}.data-filters .data-query{max-width:none}.data-context-columns{gap:28px}}
@media(max-width:900px){.data-layout.has-inspector{grid-template-columns:minmax(0,1fr)}.data-inspector-resizer{display:none}.data-inspector{position:fixed;inset:0 0 0 auto;width:min(440px,94vw);max-height:100dvh;z-index:21;grid-column:auto;border-radius:0;box-shadow:-6px 0 30px #203A431A}.data-page.data-drawer-open{overflow:hidden}.data-context-columns{grid-template-columns:minmax(0,1fr);gap:24px}.data-source-notes{border-top:1px solid var(--rule);padding-top:20px}}
@media(max-width:600px){.data-page .data-main{padding-top:16px}.data-page .wide{padding:0 16px}.data-library-heading{padding:13px 12px;align-items:flex-start;gap:12px}.data-library-heading h2{font-size:14px}.data-library-heading button{font-size:var(--text-small)}.data-filters{padding:0 12px 12px;gap:10px 12px}.data-filters .data-query{flex-basis:100%;min-width:0}.data-filters label{font-size:var(--text-small);gap:6px}.data-filters select{font-size:var(--text-small);max-width:122px;height:32px;padding:5px 6px}.data-filters>label:nth-child(2){flex:1}.data-filters>label:nth-child(3){flex:1}.data-filters>button{font-size:var(--text-small)}.data-list-bottom{padding:10px 12px;font-size:var(--text-small)}.data-inspector{width:100vw}.data-context>summary{font-size:var(--text-small)}.data-dataset-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.data-dataset-facts>div:nth-child(2){border-right:0}.data-dataset-facts b{font-size:20px}.data-dataset-facts span{font-size:var(--text-small)}.data-source-notes p{font-size:var(--text-small)}.data-space-row{grid-template-columns:72px minmax(0,1fr) 58px;gap:10px;font-size:var(--text-small)}}
@media(prefers-reduced-motion:reduce){.data-page .batch-preview-pane:not([hidden]){animation:none}}

.data-scope-note{flex:1;min-width:0;margin:0;font-size:var(--text-small);line-height:1.8;color:var(--mut)}
.data-page #data-table th,.data-page #data-table th .text-button{font-size:var(--text-small)}
.data-page #data-table td{font-size:var(--text-ui)}
.data-page .data-filters input,.data-page .data-filters select{font-size:var(--text-ui);height:36px}
@media(max-width:700px){

 .data-page .data-filters label:not(.data-query){flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:6px}
 .data-page .data-filters label>span{white-space:nowrap}
 .data-page .data-filters select{width:100%;max-width:none}
 .data-page #data-table{min-width:0;table-layout:fixed}
 .data-page #data-table thead{position:static}
 .data-page #data-table th,.data-page #data-table td{padding:10px 8px;white-space:normal;overflow-wrap:anywhere}
 .data-page #data-table th:first-child,.data-page #data-table td:first-child{padding-left:12px;width:36%}
 .data-page #data-table th:nth-child(2){width:24%}
 .data-page #data-table th:last-child{width:40px}
 .data-page #data-table :is(th,td):nth-child(4){display:none}
 .data-page #data-table .reference-score{font-size:var(--text-ui)}
 .example-molecule{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
 .example-molecule img{width:90px;height:58px;max-width:100%}
 .example-molecule b{font-size:var(--text-small)}
 .example-molecule span{display:none}
 .data-page .icon-button{min-width:32px;min-height:44px}
}

.data-filters #export-examples{margin-left:auto;white-space:nowrap;min-height:36px}
@media(max-width:700px){
 .data-filters{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .data-filters .data-query{grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0}
 .data-filters #export-examples{grid-column:2;grid-row:1;margin-left:0}
 .data-filters #reset-data-filters{grid-column:1/-1;justify-self:start}
 .data-library-heading{align-items:baseline}
}

@media(max-width:700px){.data-library-heading>.data-scope-note{display:none}}