/* Contextual explorer controls keep their React owners; only presentation changes.
   Scope to the shared toolbar so standalone study pages retain their own layout. */
.ageing-workspace-settings #ageing-study-controls,
.ageing-workspace-settings #ageing-study-controls *{box-sizing:border-box}
.ageing-workspace-settings #ageing-study-controls{min-width:0;color:#365964}
.ageing-workspace-settings #ageing-study-controls>[data-study-controls]{min-width:0}
.ageing-workspace-settings #ageing-study-controls .dx-controls,
.ageing-workspace-settings #ageing-study-controls .dm-controls{gap:7px;align-items:stretch}
.ageing-workspace-settings #ageing-study-controls .dx-controls>div,
.ageing-workspace-settings #ageing-study-controls .dm-field{gap:7px;min-width:0}
.ageing-workspace-settings #ageing-study-controls .ax-study-picker:empty{display:none}
.ageing-workspace-settings #ageing-study-controls .ax-study-picker>label,
.ageing-workspace-settings #ageing-study-controls .atx-field,
.ageing-workspace-settings #ageing-study-controls .atx-search>label{display:flex;flex-direction:column;gap:7px;min-width:0;font:650 10px/1.4 var(--font-body,Arial,sans-serif);letter-spacing:.06em;color:#6d858e}
.ageing-workspace-settings #ageing-study-controls .dx-eyebrow,
.ageing-workspace-settings #ageing-study-controls .dm-field>span{font:650 10px/1.4 var(--font-body,Arial,sans-serif);letter-spacing:.06em;color:#6d858e}
.ageing-workspace-settings #ageing-study-controls select,
.ageing-workspace-settings #ageing-study-controls input[type=search]{width:100%;max-width:100%;min-width:0;height:41px;font:500 12px/1.4 var(--font-body,Arial,sans-serif);border-radius:10px}
.ageing-workspace-settings #ageing-study-controls .ca-segment{align-self:flex-start;min-height:41px;align-items:center;gap:2px}
.ageing-workspace-settings #ageing-study-controls .ca-segment button{font:600 11px/1.4 var(--font-body,Arial,sans-serif);padding:7px 11px}
.ageing-workspace-settings #ageing-study-controls .ax-method-readout{min-height:41px;display:flex;align-items:center;font:500 12px/1.4 var(--font-body,Arial,sans-serif)}
.ageing-workspace-settings #ageing-study-controls .ax-aggregation-note{margin:0;font:10px/1.45 var(--font-body,Arial,sans-serif)}
.ageing-workspace-settings #ageing-study-controls .ax-aggregation-note strong{display:none} /* The full method remains in the following description. */
.ageing-workspace-settings #ageing-study-controls .ax-aggregation-note small{display:block;font:inherit}
.ageing-workspace-settings #ageing-study-controls .dm-control-note{margin:0;padding:0;font:10px/1.45 var(--font-body,Arial,sans-serif);color:#7e9097}
/* WGBS adds a partition picker to the same cell. Its fixed model becomes a
   concise readout below that picker, without adding another boxed control. */
.ageing-workspace-settings #ageing-study-controls:has([aria-label="Genomic partition"]) .ax-association-method{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 7px;align-items:center}
.ageing-workspace-settings #ageing-study-controls:has([aria-label="Genomic partition"]) .ax-method-readout{min-height:0;padding:0;border:0;border-radius:0;font-size:11px}
.ageing-workspace-settings #ageing-study-controls:has([aria-label="Genomic partition"]) .ax-aggregation-note,
.ageing-workspace-settings #ageing-study-controls:has([aria-label="Genomic partition"]) .ax-association-method>.ca-note{grid-column:1/-1}
/* Search results are portaled outside .atx-app, so carry their dropdown styling
   with the controls. Opening the menu must not increase the toolbar height. */
.ageing-workspace-settings #ageing-study-controls .atx-search{position:relative;min-width:0}
.ageing-workspace-settings #ageing-study-controls .atx-search-results{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:min(320px,55vh);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d4e2df;border-radius:12px;box-shadow:0 12px 28px #29483e20;padding:5px}
.ageing-workspace-settings #ageing-study-controls .atx-search-results [role=option]{display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;color:#365964;cursor:pointer;font:500 12px/1.4 var(--font-body,Arial,sans-serif)}
.ageing-workspace-settings #ageing-study-controls .atx-search-results [role=option] strong{min-width:0;overflow-wrap:anywhere}
.ageing-workspace-settings #ageing-study-controls .atx-search-results [role=option] small{min-width:0;max-width:46%;overflow-wrap:anywhere;color:#718681;font-size:10px;text-align:right}
.ageing-workspace-settings #ageing-study-controls .atx-search-results [role=option]:is(:hover,[data-active=true]){background:#edf5f2}
.ageing-workspace-settings #ageing-study-controls .atx-search-results [role=option][aria-selected=true]{color:#235d54;background:#e6f2ed}
.ageing-workspace-settings #ageing-study-controls .atx-search-results>.ca-btn{display:block;margin:4px auto;padding:7px 10px;border:1px solid #d4e2df;border-radius:16px;background:#fff;cursor:pointer;font-size:11px}
.ageing-workspace-settings #ageing-study-controls :is(input,select,button):focus-visible{outline:2px solid #527d89;outline-offset:2px}
@media(max-width:760px){
 .ageing-workspace-settings #ageing-study-controls .atx-search-results{max-height:280px}
 .ageing-workspace-settings #ageing-study-controls .ca-segment{max-width:100%}
}