.studyForm{display:flex;flex-wrap:wrap;gap:16px;align-items:start}.studyForm label{display:flex;flex-direction:column;gap:4px;min-width:130px;flex:1}.studyForm input,.studyForm select{font-size:16px;min-height:44px;width:100%;padding:8px;border:1px solid #E7E6E6;border-radius:7px}.studyForm fieldset{border:1px solid #F6C2D6;border-radius:10px;padding:14px;min-width:0}.studyLensFields{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 380px}.studyLensFields label:first-of-type{flex-basis:100%}.studyForm>p{flex-basis:100%}.studyEye{width:100%;padding:16px;background:#FDF0F5;border-radius:12px}.studyVisit{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;background:#FFFFFF}.studyVisit output{width:100%;font-weight:700;color:#DB0B5B}.studyNotice{color:#006268}.studyCaseRow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-bottom:1px solid #E7E6E6;padding:16px 0}.studyCaseRow span{flex:1}.statisticsLegend{display:flex;gap:15px;flex-wrap:wrap}.statisticsLegend span{padding-left:8px}.statisticsChartCard{margin:24px 0;border-top:1px solid #E7E6E6;padding-top:12px}#statisticsUsers details{padding:12px;background:#FCE8F0;border-radius:10px}#statisticsUsers label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 0}#statisticsUsers input{width:auto;min-height:24px}.statisticsBarRow{margin:12px 0}@media(max-width:600px){.studyForm{gap:10px}.studyLensFields{flex-basis:100%;padding:10px}.studyEye{padding:10px}.studyForm label{min-width:110px}.statisticsBarRow{grid-template-columns:minmax(100px,40%) 1fr auto}.studyCaseRow button{width:100%}}

#studyFilters button{white-space:normal;min-width:0;height:auto;min-height:44px;padding:10px}#studyExport{grid-column:span 2}.studyVisit{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:stretch}.studyVisit label{min-width:0;justify-content:space-between}.studyVisit output{grid-column:1/-1}.studyVisit button{white-space:normal}@media(max-width:600px){#studyExport{grid-column:auto}.studyVisit{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}}
/* Compact binocular selection: anatomical order stays OD left, OI right. */
#selectedLensPanel{padding:14px 18px}#selectedLensPanel h2{font-size:20px;margin:0 0 6px}.compactSelection{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.selectionEye{min-width:0}.compactSelection .studyLensFields{padding:8px;gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.compactSelection .studyLensFields label:first-of-type{grid-column:1/-1}.compactSelection label{min-width:0;font-size:13px}.compactSelection input{min-height:34px;padding:5px;font-size:15px}.compactSelection>button{width:auto;justify-self:start;padding:8px 12px;min-height:36px}.compactSelection>p{grid-column:1/-1;margin:0}.compactSelection .studyNotice{font-size:12px}.selectionEye>label{margin-top:5px}.studyEyesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.studyEye{min-width:0}.studyEye h3{margin:6px 0 10px}.studyEye>label{margin:10px 0}.studyEye details{margin:12px 0}.studyTableScroll{overflow:auto;max-width:100%;margin:10px 0}.studyTable{border-collapse:collapse;width:100%;font-size:13px;background:#FFFFFF}.studyTable th{background:#DB0B5B;color:white;text-align:left;padding:8px;white-space:normal}.studyTable td{padding:7px;border:1px solid #F6C2D6;vertical-align:top}.studyTable tbody tr:nth-child(even){background:#FCEBF1}.studyTable button{min-width:110px;padding:8px}.trackingForm>.studyEyesGrid>.studyEye{background:#FDF0F5}.trackingForm .studyVisit{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trackingForm .studyVisit label{font-size:13px;min-width:0}.trackingForm .studyVisit input{font-size:15px}.studyEye .studyLensFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studyEye .studyLensFields label{min-width:0}.studyEye .studyLensFields label:first-of-type{grid-column:1/-1}@media(max-width:700px){.studyEyesGrid{grid-template-columns:1fr}.compactSelection{gap:6px}.compactSelection input{font-size:14px;padding:4px}.compactSelection .studyLensFields{grid-template-columns:1fr}.compactSelection .studyLensFields label:first-of-type{grid-column:auto}.compactSelection>button{font-size:13px;padding:7px}.studyForm .studyEye{padding:10px}.studyEye .studyLensFields{padding:8px}.studyTable{font-size:12px}}
.verticalChartScroll{overflow-x:auto;padding:10px 0}.verticalChart{display:flex;align-items:stretch;gap:26px;min-width:100%;width:max-content}.verticalCluster{display:flex;flex-direction:column;align-items:center;min-width:110px;border-bottom:1px solid #DB0B5B;padding:0 8px 12px}.verticalBars{display:flex;align-items:flex-end;gap:10px;min-height:290px}.verticalBarBox{width:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.verticalBar{width:44px;min-height:1px;border-radius:5px 5px 0 0}.verticalBarBox>strong{font-size:15px;margin-bottom:4px}.verticalLensLabel{font-size:12px;text-align:center;min-height:44px;max-width:78px;padding-top:6px;overflow-wrap:anywhere}.verticalGroupLabel{font-size:15px;text-align:center;max-width:300px;margin-top:10px}.studyPreviewTabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.studyPreviewTabs button{font-size:14px;padding:8px 12px}.studyPreviewTabs [aria-pressed=true]{background:#DB0B5B;color:#FFFFFF}.studyExampleRow td{background:#D3EEF0;border-color:#009DA8}#studyPreviewPanel>.studyTableScroll{max-height:65vh}#studyPreviewPanel .studyTable th{min-width:110px}#studyPreviewPanel .studyTable td{white-space:normal;min-width:110px}#studyPreviewPanel .studyTable tr:first-child{position:sticky;top:0}.savedCapture .posteriorSelectionNote,.savedCapture .calculationWarning,.savedCapture .calculationSiaNote{font-size:12px;line-height:1.3;padding:5px 7px;margin:5px 0}
.compactSelection{grid-template-columns:repeat(2,minmax(0,1fr))}.compactSelection input,.compactSelection fieldset{box-sizing:border-box;max-width:100%}.compactSelection>button{min-width:0;max-width:100%;white-space:normal}.compactSelection .selectionEye{width:100%;min-width:0}.compactSelection .selectionEye>label{min-width:0}#studyPreview{border:1px solid #D3EFF6;border-radius:8px;background:white;color:#006268;padding:10px;font-weight:700}
@media(max-width:700px){.compactSelection .studyLensFields{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;gap:4px}.compactSelection .studyLensFields label:first-of-type{grid-column:1/-1}.compactSelection .studyLensFields label{font-size:12px}.compactSelection input[type=number]{appearance:textfield;-moz-appearance:textfield;padding:3px;font-size:13px}.compactSelection input[type=number]::-webkit-inner-spin-button,.compactSelection input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compactSelection .studyNotice{font-size:11px}.compactSelection>button{font-size:13px}}

/* Fit the selected groups to the card; up to six remain in one view. */
.verticalChart.fitClusters{display:grid;grid-template-columns:repeat(var(--clusters),minmax(0,1fr));width:100%;min-width:0;gap:14px}.verticalChart.fitClusters.manyClusters{grid-auto-flow:column;grid-auto-columns:minmax(125px,1fr);grid-template-columns:repeat(6,minmax(125px,1fr));width:max-content;min-width:100%}.fitClusters .verticalCluster{min-width:0;width:100%;padding:0 2px 8px}.fitClusters .verticalBars{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));width:100%;gap:5px;min-height:220px;align-items:end}.fitClusters .verticalBarBox{width:100%;min-width:0}.fitClusters .verticalBar{width:85%;max-width:52px;min-width:2px}.fitClusters .verticalGroupLabel{font-size:13px;overflow-wrap:anywhere;max-width:100%}.verticalUserInitials{font-size:12px;line-height:1.2;margin-top:6px;text-align:center}.fitClusters .verticalBarBox>strong{font-size:13px}@media(max-width:600px){.verticalChart.fitClusters{gap:5px}.fitClusters .verticalBars{gap:2px}.fitClusters .verticalGroupLabel{font-size:10px}.fitClusters .verticalBarBox>strong,.verticalUserInitials{font-size:10px}}

#dashboardView .applicationVersion{display:block;font-size:14px;color:#DB0B5B;font-weight:600;margin:8px 0 0;overflow-wrap:anywhere}

/* Distinct user/lens clusters without repeating the legend. */
.fitClusters .verticalCluster{box-sizing:border-box;background:#F4FBFD;border:1px solid #D3EFF6;border-radius:10px;padding:10px 8px 8px;box-shadow:inset 0 3px #006268}
.fitClusters .verticalCluster:nth-child(even){background:#FCE9F0;box-shadow:inset 0 3px #DB0B5B}
.fitClusters .verticalGroupLabel{display:block;background:#FFFFFF;border-radius:6px;padding:7px 3px;width:100%;box-sizing:border-box;font-weight:700}
.savedCapture>a:has(img[data-barrett-capture]){display:block;width:100%}.savedCapture img[data-barrett-capture]{display:block;width:100%;max-width:none;height:auto}
.savedCapture .posteriorSelectionNote,.savedCapture .calculationWarning,.savedCapture .calculationSiaNote{font-size:11px!important;line-height:1.25}