/* UltraMAX DEV - Refined Light Step 2 contrast and legacy-button pass v16.
   Presentation only. Scoped to Refined Light native/web builder, not Classic/Dark.
   All existing onClick, details, keyboard and data operations are untouched. */

/* Category browser: arrows were white on pale grey. Keep open/closed indicators visible. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-family > summary .s2-family-chev,
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-cat .s2-cat-chev {
  display:grid !important;
  place-items:center !important;
  background:#e8eef5 !important;
  background-image:none !important;
  border:1px solid #d2dce7 !important;
  color:#364f69 !important;
  -webkit-text-fill-color:#364f69 !important;
  opacity:1 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-family[open] > summary .s2-family-chev,
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-cat[open] .s2-cat-chev {
  background:#dce9f4 !important;
  color:#2c5d82 !important;
  -webkit-text-fill-color:#2c5d82 !important;
  border-color:#b9cddd !important;
}
/* Other small disclosure indicators must follow the same contrast rule. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(.s2-utility-chev,.s2-preset-drawer-chev,
      .s2-tool-panel-chev,.s2-home-manager-summary-chevron) {
  background:#e8eef5 !important;
  background-image:none !important;
  border:1px solid #d2dce7 !important;
  color:#364f69 !important;
  -webkit-text-fill-color:#364f69 !important;
  opacity:1 !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tools-body :is(.s2-tool-panel-chev::before,.s2-library-summary-action::before) {
  color:#364f69 !important;
  -webkit-text-fill-color:#364f69 !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tools-body .s2-library-summary-action {
  color:#364f69 !important;
  -webkit-text-fill-color:#364f69 !important;
  background:#e8eef5 !important;
  background-image:none !important;
  border-color:#d2dce7 !important;
  opacity:1 !important;
}

/* Refined Light now has one quiet primary blue and a neutral secondary control. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportTools > .nav-btn.primary,
      #addMergedCatalogButton,#saveMergedCatalogButton,
      .s2-rule-apply,.s2-all-hidden-warning-btn.primary,
      #customCatalogList button[onclick="openCatalogBuilder()"]) {
  background:#47749b !important;
  background-image:none !important;
  border:1px solid #47749b !important;
  border-radius:11px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:730 !important;
  letter-spacing:0 !important;
  line-height:1.3 !important;
  min-height:45px !important;
  padding:10px 15px !important;
  filter:none !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportTools > .nav-btn.primary,
      #addMergedCatalogButton,#saveMergedCatalogButton,
      .s2-rule-apply,.s2-all-hidden-warning-btn.primary,
      #customCatalogList button[onclick="openCatalogBuilder()"]):is(:hover,:active) {
  background:#385e7e !important;
  background-image:none !important;
  border-color:#385e7e !important;
  transform:none !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#customCatalogList button[onclick^="createCustomCatalog"],
      #customCatalogList button[onclick^="deleteCustomCatalog"],
      .merged-actions .merged-btn:not(.primary):not(.danger),
      #mergedRemoveCancel,.s2-all-hidden-warning-btn:not(.primary),
      .s2-manager-more) {
  background:#f0f3f7 !important;
  background-image:none !important;
  border:1px solid #d3dde8 !important;
  border-radius:10px !important;
  color:#283c52 !important;
  -webkit-text-fill-color:#283c52 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:680 !important;
  min-height:42px !important;
  padding:9px 13px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#customCatalogList button[onclick^="createCustomCatalog"],
      #customCatalogList button[onclick^="deleteCustomCatalog"],
      .merged-actions .merged-btn:not(.primary):not(.danger)):is(:hover,:active) {
  background:#e6edf4 !important;
  border-color:#bfcfdf !important;
}

/* Avoid a dashed legacy billboard and its black saved-row tiles. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  #customCatalogList > div[style*="dashed"] {
  background:#f6f8fa !important;
  border:1px solid #dce3eb !important;
  border-radius:12px !important;
  box-shadow:none !important;
  color:#526377 !important;
  -webkit-text-fill-color:#526377 !important;
  padding:18px 14px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  #customCatalogList > div[style*="dashed"] div {
  border-color:#dce3eb !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  #customCatalogList > div[style*="display:flex"] {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dce3eb !important;
  border-radius:10px !important;
  box-shadow:none !important;
  color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  #customCatalogList > div[style*="display:flex"] > div > div {
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  #customCatalogList > div[style*="display:flex"] > div > div + div {
  color:#526377 !important;
  -webkit-text-fill-color:#526377 !important;
}
/* The two import sections still contained inline dark-mode-only whites. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportTools,#mdbListTools) {
  border-top:1px solid #dce3eb !important;
  background:#fff !important;
  color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportTools,#mdbListTools) > div[style*="font-weight:700"] {
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportTools,#mdbListTools) > div[style*="font-size:11px"] {
  color:#536176 !important;
  -webkit-text-fill-color:#536176 !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportInput,#listUrlImportName,#listUrlImportType,
      #mdbSearchInput,#mergedName,#mergedType,#mergedBlend,#mergedSourceSearch) {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #cfdbe7 !important;
  border-radius:10px !important;
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
  box-shadow:none !important;
  color-scheme:light !important;
  min-height:43px !important;
  font-size:13px !important;
  letter-spacing:normal !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportInput,#listUrlImportName,#mdbSearchInput,#mergedName,#mergedSourceSearch)::placeholder {
  color:#718196 !important;
  -webkit-text-fill-color:#718196 !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(#listUrlImportType,#mergedType,#mergedBlend) option {
  background:#fff !important;
  color:#202c3d !important;
}

/* The light mode dropdown state shouldn't tint whole panels lavender. */
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tool-panel-head[aria-expanded="true"],
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tool-panel:has(.s2-tool-panel-body:not([style*="display:none"])) > .s2-tool-panel-head {
  background:#eaf0f6 !important;
  background-image:none !important;
  color:#202c3d !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tool-panel:has(.s2-tool-panel-body:not([style*="display:none"])) > .s2-tool-panel-head .s2-tool-panel-title {
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tool-panel-body :is(.s2-tool-panel-note,.merged-field-help) {
  color:#526377 !important;
  -webkit-text-fill-color:#526377 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  .s2-tool-panel-body :is(.merged-editor,.merged-list,.merged-picker-search-card) {
  background:#fff !important;
  background-image:none !important;
  border-color:#dce3eb !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2
  :is(button,summary,input,select):focus-visible {
  outline:2px solid #47749b !important;
  outline-offset:2px !important;
}