/* Hallmark · companion: historical component rules · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · v2.0.0 */
.rna-dashboard{margin:var(--space-md) 0}.rna-dashboard .box-body{min-width:0}.rna-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3xs);border-bottom:1px solid var(--source-color-362);margin-bottom:var(--space-sm)}.rna-tabs button,.rna-dist-switch button{border:1px solid var(--source-color-208);color:var(--source-color-363);padding:var(--space-xs) var(--space-sm);font-size:12px}.rna-tabs button.active,.rna-dist-switch button.active{border-color:var(--source-color-364);background:var(--source-color-073);color:var(--source-color-365)}.rna-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:end;background:var(--source-color-013);padding:var(--space-sm);border:1px solid var(--source-color-366)}.rna-controls label{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:12px;min-width:170px;flex:1}.rna-controls select{max-width:100%;width:100%;height:33px;padding:var(--space-2xs);border:1px solid var(--source-color-033)}.rna-dist-switch{display:flex;align-items:center;gap:var(--space-3xs);min-height:33px}.rna-reference-note{padding:var(--space-xs) var(--space-sm);background:var(--source-color-367);border-left:3px solid var(--source-color-368);font-size:12px;color:var(--source-color-369);margin:var(--space-sm) 0}.rna-summary,.rna-small,.rna-valid-count{font-size:11px;line-height:1.8;color:var(--source-color-370)}.rna-summary{margin:var(--space-xs) 0}.rna-plot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.rna-plot{border:1px solid var(--source-color-044);background:var(--source-color-371);padding:var(--space-sm);min-width:0;margin:0 0 var(--space-sm)}.rna-plot h3,.rna-components-heading{font-size:13px;color:var(--source-color-372);line-height:1.6;margin:0 0 var(--space-2xs)}.rna-components-heading{margin-top:var(--space-xs)}.rna-valid-count{margin-bottom:var(--space-xs)}.rna-chart-scroll{overflow:auto;max-width:100%;min-width:0;scrollbar-width:thin}.rna-chart-scroll svg{max-width:none;display:block;height:auto}.rna-stat-svg text{font:11px var(--font-body);fill:var(--source-color-059)}.rna-empty{padding:var(--space-lg) var(--space-sm);text-align:center;color:var(--source-color-373);font-size:12px}.rna-reference-lines{padding-left:var(--space-md);line-height:1.8;font-size:11px}.rna-grade{border-top:1px solid var(--source-color-374);padding-top:var(--space-xs);margin-top:var(--space-xs)}.rna-grade h4{font-size:11px;color:var(--source-color-370)}.rna-grade-legend{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:var(--space-xs) 0;font-size:10px}.rna-grade-legend span{border-bottom:3px solid var(--source-color-375);padding:var(--space-3xs) var(--space-3xs)}.rna-grade-legend [data-rna-grade=pass]{border-color:var(--source-color-376)}.rna-grade-legend [data-rna-grade=risk]{border-color:var(--source-color-377)}.rna-grade-legend [data-rna-grade=fail]{border-color:var(--source-color-378)}.rna-grade-legend [data-rna-grade=not_applicable]{border-color:var(--source-color-379)}.rna-matrix-form{display:flex;gap:var(--space-xs);align-items:start;flex-wrap:wrap;margin-top:var(--space-sm)}.rna-field-picker{flex:1;min-width:230px;border:1px solid var(--source-color-044);padding:var(--space-xs);font-size:12px}.rna-field-picker summary{cursor:pointer;color:var(--source-color-363)}.rna-matrix-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);padding-top:var(--space-sm);max-height:240px;overflow:auto}.rna-matrix-fields label{display:flex;gap:var(--space-2xs);align-items:center;font-size:11px}.rna-form-error{color:var(--source-color-380);font-size:12px}.rna-form-error[hidden]{display:none}.metric-range-filter{grid-column:1/-1;border:1px solid var(--source-color-381);padding:var(--space-xs) var(--space-sm);font-size:12px;background:var(--source-color-204)}.metric-range-filter>summary{cursor:pointer;color:var(--source-color-363)}.metric-range-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xs);margin-top:var(--space-xs)}.metric-range-fields label{min-width:0}.metric-range-fields :is(select,input){width:100%;min-width:0}.metric-range-filter p{font-size:11px;line-height:1.8;margin-top:var(--space-xs);color:var(--source-color-370)}.metric-range-filter [role=alert]{color:var(--source-color-380)}.metric-range-filter [hidden]{display:none!important}
@media(max-width:1000px){.rna-plot-grid{grid-template-columns:1fr}.rna-matrix-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.rna-controls{gap:var(--space-xs)}.rna-controls label{min-width:140px}.rna-tabs button{padding:var(--space-xs) var(--space-xs)}.rna-matrix-fields{grid-template-columns:1fr 1fr}.metric-range-fields{grid-template-columns:1fr 1fr}.metric-range-fields label:first-child{grid-column:1/-1}.rna-plot{padding:var(--space-xs)}}

.rna-section{border:1px solid var(--source-color-044);background:var(--source-color-204);margin:var(--space-sm) 0;padding:var(--space-xs)}.rna-section>summary{cursor:pointer;font-size:13px;color:var(--source-color-372);line-height:1.7}.rna-section[open]>.rna-plot-grid{margin-top:var(--space-sm)}.rna-section .rna-components-heading{margin:0}.rna-section summary span{font-size:11px;color:var(--source-color-370)}.rna-summary+.rna-small{margin-bottom:var(--space-xs)}
.rna-qubit-chart svg{width:100%;min-width:1000px;height:320px}.rna-qubit-chart svg text{font-size:12px}.rna-qubit-chart .rna-qubit-count{font-weight:600}.rna-qubit-chart .rna-qubit-percent{font-size:11px}.rna-qubit-facets{margin-top:var(--space-sm);border-top:1px solid var(--source-color-044);padding-top:var(--space-xs)}.rna-qubit-facets>summary{cursor:pointer;color:var(--source-color-372);font-size:12px}.rna-qubit-facet{margin-top:var(--space-md)}.rna-qubit-facet .rna-valid-count{margin:0 0 var(--space-2xs)}
