/* ===== Inpatient / Outpatient: limit and scope as separate cards =====
   These two benefits each carry a scope control. They used to be joined into
   one segmented bar; they now match Dental and Optical: two independent cards
   with their own outline and a clear gap between them. */
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  border:1px solid #bccccd !important;
  border-radius:10px !important;
  background:#ffffff !important;
  box-shadow:none !important;
}

#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup{
  overflow:hidden !important;
}

#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup > #inpatientScopeSelect,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup > #outpatientScopeSelect{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit:focus,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit:focus,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup:focus-within,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup:focus-within{
  border-color:#24767a !important;
  box-shadow:0 0 0 3px rgba(36,118,122,.12) !important;
}

/* A locked scope keeps its card but fades inside. */
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup:has(#inpatientScopeSelect:disabled),
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup:has(#outpatientScopeSelect:disabled){
  background:#f5f7f8 !important;
}

/* Required cues stay on the card that needs the answer. */
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit.required-blocked,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit.compare-all-select-required,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit.inpatient-limit-error,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .inpatient-control > #inpatientLimit.limit-step-required,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit.required-blocked,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit.compare-all-select-required,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit.outpatient-required-attention,
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientLimit.outpatient-required-warning{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.13) !important;
}

#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > #inpatientScopeGroup:has(#inpatientScopeSelect.scope-step-required),
#quote-form#quote-form#quote-form#quote-form#quote-form#quote-form .scope-split-row > .limit-scope-wrapper > #outpatientScopeGroup:has(#outpatientScopeSelect.scope-step-required){
  border-color:#dc2626 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.13) !important;
}