/* UltraMAX DEV appearance and motion polish; default Classic remains unchanged. */
/* Shared, predictable Step 2 preset grid regardless of appearance. */
#step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary-grid,.s2-preset-specialist-grid,.s2-preset-advanced-grid) {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch;
}
#step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-specialist-grid,.s2-preset-advanced-grid) {
  padding:0 12px 12px;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset {
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:222px !important;
  grid-template-columns:none !important;
  grid-column:auto !important;
  min-width:0 !important;
  border-radius:16px !important;
  text-align:left !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip,
.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip,
.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-specialist .s2-preset-strip {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  flex:0 0 92px !important;
  width:100% !important;
  height:92px !important;
  min-height:92px !important;
  overflow:hidden !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-art-cell {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-art-cell img,
.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-art-cell img {
  display:block;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  object-fit:cover !important;
  transform:none !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body,
.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body {
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-height:0 !important;
  width:100%;
  padding:12px !important;
  gap:7px !important;
  text-align:left !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-desc {
  min-height:0 !important;
  margin:0 !important;
  line-height:1.4 !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-meta {
  margin-top:auto !important;
}
#step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-advanced {
  border-color:rgba(157,104,255,.28);
}
@media(max-width:900px) {
  #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary-grid,.s2-preset-specialist-grid,.s2-preset-advanced-grid) {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset {
    min-height:218px !important;
  }
  #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip,
  .um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip,
  .um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-specialist .s2-preset-strip {
    flex-basis:78px !important;
    height:78px !important;
    min-height:78px !important;
  }
  #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary-grid,.s2-preset-specialist-grid,.s2-preset-advanced-grid) > :last-child:nth-child(odd) {
    grid-column:1 / -1 !important;
    justify-self:center;
    width:calc((100% - 10px) / 2) !important;
  }
}
@media(min-width:901px) {
  #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary-grid,.s2-preset-specialist-grid,.s2-preset-advanced-grid) > :last-child:nth-child(3n + 1) {
    grid-column:1 / -1 !important;
    justify-self:center;
    width:calc((100% - 24px) / 3) !important;
  }
}
@media(max-width:380px) {
  #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body {
    padding:9px !important;
  }
  #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-name {
    font-size:11px !important;
  }
}

/* Appearance selector is available in Android/WebView and browser. */
.um-appearance-bar {
  position:relative;
  z-index:80;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding:8px 16px 0;
  min-height:44px;
}
.um-appearance-toggle {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:7px 12px;
  border:1px solid var(--border2,rgba(165,160,190,.26));
  border-radius:12px;
  background:var(--card,#191629);
  color:var(--text,#f1effa);
  font:600 12px/1.35 system-ui,Roboto,sans-serif;
  cursor:pointer;
}
#umAppearanceCurrent {
  font-weight:500;
  color:var(--text2,#afa9c4);
}
.um-appearance-choices {
  position:absolute;
  top:calc(100% + 5px);
  right:16px;
  z-index:200;
  width:min(296px,calc(100vw - 32px));
  padding:6px;
  border:1px solid var(--border2,rgba(165,160,190,.26));
  border-radius:16px;
  background:var(--card,#191629);
  box-shadow:0 16px 46px rgba(0,0,0,.28);
}
.um-appearance-choices[hidden] { display:none !important; }
.um-appearance-choices button {
  display:flex;
  flex-direction:column;
  gap:3px;
  width:100%;
  padding:11px 12px;
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  color:var(--text,#f1effa);
  background:transparent;
  font:inherit;
  cursor:pointer;
}
.um-appearance-choices button strong { font:650 13px/1.25 system-ui,Roboto,sans-serif; }
.um-appearance-choices button small { color:var(--text2,#afa9c4);font:400 11px system-ui,Roboto,sans-serif; }
.um-appearance-choices button.is-selected {
  border-color:var(--violet,#8255d5);
  background:rgba(130,85,213,.11);
}
.um-appearance-choices button:focus-visible,
.um-appearance-toggle:focus-visible { outline:2px solid var(--violet,#8255d5);outline-offset:2px; }
/* Old floating switch remains for existing scripts, but Appearance is now its visible replacement. */
html.um-refined #themeToggle { display:none !important; }

/* Refined appearances change visual tokens and surfaces, never the builder's structure. */
html.um-refined body,
html.um-app-mode body.um-refined {
  --bg:#10141b;
  --bg2:#171d26;
  --card:#1b222e;
  --card2:#222a37;
  --border:#303847;
  --border2:#35404f;
  --input-bg:#19212c;
  --surface-soft:#202834;
  --text:#eef2f7;
  --text2:#b6bfcd;
  --muted:#abb5c4;
  --faint:#8591a2;
  --violet:#9475e8;
  --violet2:#ae99f7;
  background:#10141b !important;
  background-image:none !important;
  color:var(--text);
  font-family:Roboto,'Inter',system-ui,sans-serif;
}
html.um-refined body.light-mode,
html.um-app-mode body.um-refined.light-mode {
  --bg:#f5f7fa;
  --bg2:#edf1f6;
  --card:#ffffff;
  --card2:#f9fafc;
  --border:#d9dfe8;
  --border2:#d4dbe5;
  --input-bg:#ffffff;
  --surface-soft:#f0f3f8;
  --text:#1d2938;
  --text2:#485669;
  --muted:#5c697c;
  --faint:#77849a;
  --violet:#6a4fc6;
  --violet2:#7057b5;
  background:#f5f7fa !important;
  background-image:none !important;
  color:var(--text);
}
html.um-refined body::before,
html.um-refined body::after,
html.um-app-mode body.um-refined::before,
html.um-app-mode body.um-refined::after { display:none !important; }
html.um-refined :is(.um-sidebar,.um-main) {
  background:var(--bg) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
html.um-refined :is(.um-sidebar,.um-main) :is(h1,h2,h3,button,input,select,textarea) {
  font-family:Roboto,'Inter',system-ui,sans-serif;
}
html.um-refined :is(.s2-preset,.s2-preset-drawer,.s2-family,.s2-cat,.s2-utility-drawer,.s2-review-zone,
.s3-preset-card,.s3-preset-more,.s3-workspace-panel,.collection-card,.coll-card,.folder-card,
.um-mode-stage,.um-mode-chooser,.info-box) {
  background:var(--card) !important;
  background-image:none !important;
  color:var(--text) !important;
  border:1px solid var(--border2) !important;
  box-shadow:0 2px 9px rgba(0,0,0,.07) !important;
}
html.um-refined :is(.s2-preset,.s3-preset-card,.s2-cat,.collection-card,.coll-card,.folder-card) {
  border-radius:16px !important;
}
html.um-refined :is(.s2-preset,.s3-preset-card):hover {
  transform:none !important;
  border-color:var(--violet) !important;
  box-shadow:0 5px 18px rgba(0,0,0,.10) !important;
}
html.um-refined :is(.s2-preset.s2-active,.s3-preset-card.active) {
  border-color:var(--violet) !important;
  box-shadow:0 0 0 1px var(--violet) !important;
}
html.um-refined :is(.um-nav-item.active,.nav-btn.primary,.global-btn.primary) {
  border-radius:12px;
  box-shadow:none !important;
}
html.um-refined :is(input,select,textarea) {
  border-radius:11px !important;
  border-color:var(--border2) !important;
  background:var(--input-bg) !important;
  color:var(--text) !important;
}
html.um-refined :is(.s2-preset-desc,.s3-preset-desc,.s2-preset-count,.s2-preset-drawer-copy small) {
  color:var(--text2) !important;
}
html.um-refined :is(.um-step-header h1,.um-step-sub,.s2-preset-name,.s2-cat-name,.s3-preset-name) {
  text-shadow:none !important;
}
html.um-refined .s2-preset-strip { background:#262c38 !important; }
html.um-refined body.light-mode .s2-preset-strip { background:#e8ebf2 !important; }
/* Specific Android overrides prevent legacy rules giving some cards short bodies. */
.um-app-mode #step-2 #s2PresetsGrid.s2-presets-experience :is(.s2-preset-primary,.s2-preset-specialist,.s2-preset-advanced) {
  min-height:218px !important;
}
#step-2 #s2PresetsGrid:not(.s2-presets-experience) {
  min-height:218px;
}
@media(prefers-reduced-motion:reduce) {
  .um-appearance-toggle,.um-appearance-choices button { transition:none !important; }
}

/* ===============================================================
   DEV / REFINED LIGHT v2. This is a full light surface pass, not
   simply a palette swap. Scoped so Classic and Refined Dark remain
   completely unchanged. Preserves all existing structure and logic.
   =============================================================== */
html.um-refined:has(body.light-mode) {
  background:#f6f8fb !important;
  color-scheme:light !important;
}
html.um-refined body.light-mode {
  --bg:#f6f8fb;
  --bg2:#f0f3f8;
  --card:#fff;
  --card2:#fafbfd;
  --border:#dce3ed;
  --border2:#d6dfea;
  --divider:#e3e9f1;
  --input-bg:#fff;
  --surface-soft:#edf2f8;
  --hover:#ecf1f8;
  --shadow:rgba(30,42,60,.07);
  --text:#202c3d;
  --text2:#47576d;
  --muted:#59687c;
  --faint:#718097;
  --violet:#6155bc;
  --violet2:#6d62b6;
  --violet-strong:#5145a2;
  background:#f6f8fb !important;
  background-image:none !important;
  color:#202c3d !important;
  color-scheme:light;
}
html.um-app-mode.um-refined body.light-mode {
  background:#f6f8fb !important;
  background-image:none !important;
  background-attachment:scroll !important;
}
html.um-refined body.light-mode::before,
html.um-refined body.light-mode::after { display:none !important; }
html.um-refined body.light-mode :is(.um-app,.um-main,.wizard-step) {
  background:transparent !important;
  background-image:none !important;
  color:var(--text) !important;
}
/* Raised pages and cards: white surfaces, neutral edges, minimal shadow. */
html.um-refined body.light-mode :is(
  .um-step-header,.um-card,.um-mode-chooser,.um-mode-stage,.um-mode-card,
  .mobile-setup-card,.step1-option-group,.optional-shell,.opt-subsection,
  .guided-card,.guided-page-card,.step2-accordion-card,.category,
  .s2-preset,.s2-family,.s2-cat,.s2-utility-drawer,.s2-review-zone,
  .s2-tool-panel,.s2-manage-item,.s2-presets-experience,.s2-presets-section,
  .s3-preset-card,.s3-workspace-panel,.s3-quick-start,.s3-presets-shell,
  #presetsPanel,.s3-preset-section,.s3-viewmode-grid,
  .collection-card,.coll-card,.folder-card,.coll-settings,
  .collection-compare-panel,.collection-bottom-area,.collection-bottom-actions,
  .collection-summary,.collection-body,.collection-subsection,
  .collection-row-item,.collection-all-profile-result,
  .final-summary-card,.result-section,.info-box,.returning-box
) {
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:0 2px 8px rgba(30,42,60,.055) !important;
}
html.um-refined body.light-mode :is(
  .um-step-header,.um-mode-chooser,#presetsPanel,.s3-workspace-panel,
  .collection-bottom-area,.collection-bottom-actions,
  .s2-presets-experience,.s2-presets-section
) { box-shadow:none !important; }
html.um-refined body.light-mode :is(
  .mobile-setup-card-header,.step1-option-group > summary,
  .opt-subsection > summary,.optional-shell > summary,
  .category > summary,.step2-accordion-head,
  .s2-tool-panel-head,.s2-utility-drawer > summary,
  .s2-cat-head,.s2-showall,.s2-nav-card,
  .s3-preset-body,.collection-summary,.folder-summary,
  .coll-card-header,.folder-header,.collection-subsection-header,
  .collection-compare-stage,.s3-viewmode-card
) {
  background:#fff !important;
  background-image:none !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode :is(
  .um-step-header,.s2-play-header,.s3-play-header
) {
  background:#f6f8fb !important;
  border:none !important;
  box-shadow:none !important;
}
html.um-app-mode.um-refined body.light-mode .um-step-header {
  border:none !important;
  border-radius:0 !important;
  margin:4px 8px 10px !important;
  padding:13px 10px 12px !important;
}
html.um-refined body.light-mode .um-step-header h1 {
  background:none !important;
  background-image:none !important;
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  text-shadow:none !important;
}
html.um-app-mode.um-refined body.light-mode .um-step-header h1 {
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
}
html.um-refined body.light-mode :is(
  .um-step-sub,.um-step-header p,.um-step-subtitle,
  .step1-option-group-sub,.mobile-setup-card-summary,
  .s3-quick-copy p,.s3-workspace-heading p,.s3-editor-zone-head p,
  .s2-tool-panel-sub,.s2-tool-panel-note,
  .s3-preset-desc,.s2-preset-desc,.s2-cat-sub,
  .collection-meta,.collection-row-item small,
  .collection-compare-heading p
) {
  color:var(--text2) !important;
  -webkit-text-fill-color:var(--text2) !important;
  opacity:1 !important;
}
html.um-refined body.light-mode :is(
  .um-step-eyebrow,.um-section-label,.s3-label,.s3-quick-kicker,
  .s3-workspace-kicker,.section-title,.field-label
) { color:var(--violet) !important; -webkit-text-fill-color:var(--violet) !important; }
html.um-refined body.light-mode :is(
  .step1-option-group-title,.step1-option-group-chevron,
  .step1-option-group > summary,.step1-option-group > summary *,
  .mobile-setup-card-title,.mobile-setup-card-summary,
  .mobile-setup-card-header,.mobile-setup-card-header *,
  .opt-subsection > summary,.opt-subsection > summary *,
  .optional-shell > summary,.optional-shell > summary *,
  .s2-tool-panel-head,.s2-tool-panel-head *,
  .s3-workspace-heading h2,.s3-editor-zone-head h2,
  .s3-preset-name,.s3-label,.s2-preset-name,.s2-cat-name,
  .collection-summary,.collection-summary *,
  .folder-summary,.folder-summary *
) {
  color:var(--text) !important;
  -webkit-text-fill-color:var(--text) !important;
  text-shadow:none !important;
}
html.um-refined body.light-mode :is(
  .step1-option-group-sub,.mobile-setup-card-summary,.s2-tool-panel-sub
) {
  color:var(--text2) !important;
  -webkit-text-fill-color:var(--text2) !important;
}
/* Soft neutral icon squares and real light chevrons; no black buttons. */
html.um-refined body.light-mode :is(
  .step1-option-group-icon,.step1-option-group-chevron,
  .mobile-setup-card-icon,.mobile-setup-card-chevron,
  .s2-tool-panel-icon,.s2-tool-panel-chev,.s2-cat-chev,
  .s2-showall-arrow,.s2-showall-icon
) {
  background:#edf1f8 !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  color:#414c64 !important;
  -webkit-text-fill-color:#414c64 !important;
  box-shadow:none !important;
}
/* Text fields and secondary actions should never render charcoal. */
html.um-refined body.light-mode :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.search-box,.coll-search) {
  background:#fff !important;
  background-image:none !important;
  border-color:#cfd8e4 !important;
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
  box-shadow:none !important;
  color-scheme:light !important;
}
html.um-refined body.light-mode :is(input,textarea)::placeholder {
  color:#718097 !important;
  -webkit-text-fill-color:#718097 !important;
  opacity:1 !important;
}
html.um-refined body.light-mode :is(
  .nav-btn:not(.primary),.global-btn:not(.primary),
  .s2-app-preview-btn,.s2-app-summary-btn,.s2-showall,
  .s2-nav-card-back,.s2-review-actions button,
  .collection-add-action,.collection-action-button,
  .s3-viewmode-card,.s3-preset-add,.um-mode-stage-back
) {
  background:#f0f3f8 !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  color:#35455b !important;
  -webkit-text-fill-color:#35455b !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode :is(
  .nav-btn.primary,.next-btn,.guided-next,.step4-action-primary,
  #genBtn,.s2-nav-card-next
) {
  background:#6255be !important;
  background-image:none !important;
  border-color:#6255be !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode :is(
  .nav-btn.primary,.next-btn,.guided-next,.step4-action-primary,
  #genBtn,.s2-nav-card-next
) :is(span,strong,small) {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html.um-refined body.light-mode :is(.pill,.s2-preset-count,.mobile-setup-card-badge,.mobile-setup-card-state,.summary-stat) {
  background:#edf2f8 !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode :is(.pill.selected,.s2-preset.s2-active,.s3-preset-card.active) {
  border-color:#7369bf !important;
  background:#f1eeff !important;
  background-image:none !important;
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode :is(.pill.selected,.s2-preset.s2-active,.s3-preset-card.active) :is(span,strong,small) {
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
}
/* Android's fixed dock was still full dark purple in Refined Light. */
html.um-app-mode.um-refined body.light-mode .um-build-bottom-nav {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dce3ed !important;
  box-shadow:0 3px 16px rgba(30,42,60,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.um-app-mode.um-refined body.light-mode .um-build-bottom-nav a {
  color:#657389 !important;
  -webkit-text-fill-color:#657389 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html.um-app-mode.um-refined body.light-mode .um-build-bottom-nav a.active {
  background:#eeeafa !important;
  background-image:none !important;
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html.um-app-mode.um-refined body.light-mode .um-build-bottom-nav :is(svg,svg *,span) {
  color:inherit !important;
}
html.um-app-mode.um-refined body.light-mode .counter-bar,
html.um-refined body.light-mode .coll-sticky-bar {
  background:#fff !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode .s2-preset-strip,
html.um-refined body.light-mode .s3-preset-strip {
  background:#ecf1f7 !important;
  background-image:none !important;
}
/* Preview posters/media themselves are intentionally left untouched. */

/* Step 3's dynamic experience drawers use hard-coded night-mode colours. */
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-v2-drawer,.s3-v2-home-layout,.s3-hero-master,
  .s3-blank-collection-action,.s3-v2-layout-section,
  .s3-v2-layout-chip,.s3-v2-layout-row,.s3-v2-layout-collection,
  .s3-v2-layout-summary span,.s3-hero-master-status,
  .collection-hero-dynamic-note,.collection-order-menu-popover
) {
  background:#fff !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  color:#202c3d !important;
  box-shadow:none !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-v2-drawer > summary,.s3-v2-drawer[open] > summary,
  .s3-v2-drawer-body,.s3-v2-home-layout-head,
  .s3-hero-master-head
) {
  background:#fff !important;
  background-image:none !important;
  color:#202c3d !important;
  border-color:#dce3ed !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-v2-drawer-copy strong,.s3-v2-home-layout-head h2,
  .s3-blank-collection-action strong,.s3-hero-master-head strong,
  .s3-v2-layout-row strong,.s3-v2-layout-collection strong,
  .s3-v2-layout-summary strong,.s3-v2-layout-chip,
  .collection-order-menu-popover button
) {
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-v2-drawer-copy small,.s3-v2-home-layout-head p,
  .s3-blank-collection-action small,.s3-hero-master-head small,
  .s3-hero-master-grid label > span,.s3-hero-master-status,
  .s3-hero-master-note,.collection-hero-mode-grid label > span,
  .collection-hero-dynamic-note
) {
  color:#47576d !important;
  -webkit-text-fill-color:#47576d !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-v2-drawer-icon,.s3-v2-drawer-chev,.s3-blank-collection-icon,
  .s3-v2-drawer-meta,.s3-hero-master-count,
  .collection-pin-toggle,.collection-order-menu > summary
) {
  background:#edf2f8 !important;
  background-image:none !important;
  border-color:#dce3ed !important;
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 :is(
  .s3-hero-master-grid select,.collection-hero-mode-grid select
) {
  background:#fff !important;
  border-color:#cfd8e4 !important;
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
  color-scheme:light !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 .s3-hero-master-disable {
  background:#f0f3f8 !important;
  border-color:#dce3ed !important;
  color:#35455b !important;
}
html.um-refined body.light-mode #step-3.s3-experience-v2 .s3-hero-master-apply {
  background:#6255be !important;
  background-image:none !important;
  border-color:#6255be !important;
  color:#fff !important;
}

/* DEV v3 Step 1 foundation. Mode attribute is authoritative even when the
   legacy theme script toggles .light-mode later on the body. */
html.um-refined[data-um-appearance="refined-light"] body {
  --bg:#f6f8fb;--bg2:#f2f5f9;--card:#fff;--card2:#fafbfd;
  --border:#dce3ed;--border2:#dce3ed;--surface-soft:#eef2f8;--input-bg:#fff;
  --text:#202c3d;--text2:#47576d;--muted:#59687c;--faint:#718097;
  --violet:#6155bc;--violet-strong:#5145a2;--shadow:rgba(25,40,65,.07);
  color:#202c3d !important;color-scheme:light;
  background:#f6f8fb !important;background-image:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body::before,
html.um-refined[data-um-appearance="refined-light"] body::after {display:none !important;}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body {
  background:#f6f8fb !important;background-image:none !important;
  background-attachment:scroll !important;
}
html.um-refined[data-um-appearance="refined-light"] body :is(.um-app,.um-main,.wizard-step) {
  background:transparent !important;background-image:none !important;color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .um-step-header {
  background:transparent !important;background-image:none !important;
  border:none !important;border-radius:0 !important;box-shadow:none !important;
  margin:0 6px 8px !important;padding:12px 10px 12px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .um-step-header h1 {
  font-size:clamp(24px,6vw,35px) !important;line-height:1.14 !important;
  background:none !important;background-image:none !important;text-shadow:none !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(.um-step-eyebrow,.um-section-label) {
  color:#6255ae !important;-webkit-text-fill-color:#6255ae !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(.um-step-sub,.um-step-header p) {
  color:#59687c !important;-webkit-text-fill-color:#59687c !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
 .um-mode-stage,.um-mode-card,.um-card,.mobile-setup-card,.guided-card,
 .guided-page-card,.step1-option-group,.step1-open-row,.step1-rule-section,
 .optional-shell,.opt-subsection,.step1-group-note
) {
  background:#fff !important;background-image:none !important;
  border-color:#dce3ed !important;color:#202c3d !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
 .um-mode-name,.um-mode-title,.um-card-title,.mobile-setup-card-title,
 .step1-option-group-title,.step1-open-row-title,.step1-rule-section-title,
 .step1-option-group > summary,.mobile-setup-card-header,
 .opt-subsection > summary,.opt-subsection > summary *,
 .optional-shell > summary,.optional-shell > summary *
) {color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;text-shadow:none !important;}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
 .um-mode-copy,.um-mode-desc,.mobile-setup-card-summary,.step1-option-group-sub,
 .step1-open-row-sub,.step1-rule-section-sub
) {color:#536176 !important;-webkit-text-fill-color:#536176 !important;opacity:1 !important;}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body .um-build-bottom-nav {
  min-height:70px !important;padding:5px 6px !important;border-radius:18px !important;
  left:12px !important;right:12px !important;bottom:calc(7px + env(safe-area-inset-bottom)) !important;
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;box-shadow:0 3px 16px rgba(30,42,60,.11) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body .um-build-bottom-nav a {
  min-height:57px !important;border-radius:13px !important;
  color:#5c6980 !important;background:transparent !important;
  background-image:none !important;box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body .um-build-bottom-nav a.active {
  background:#eeeafa !important;background-image:none !important;
  color:#5145a2 !important;border-color:transparent !important;box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body .um-build-bottom-nav :is(svg,svg *,span) {
  color:inherit !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body .counter-bar {
  background:#fff !important;background-image:none !important;border-color:#dce3ed !important;
}

/* Step 1 / Refined Light: compact required cards + integrated settings list. */
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(.step1-required-grid,.step1-required-main) {
  gap:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(.um-mode-stage,.um-mode-card) {
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:15px !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card {
  padding:0 !important;min-height:0 !important;margin:0 0 9px !important;
  border:1px solid #dce3ed !important;border-radius:14px !important;overflow:hidden !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-header {
  background:#fff !important;background-image:none !important;box-shadow:none !important;
  min-height:78px !important;height:auto !important;padding:11px 13px !important;gap:8px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-heading {
  flex:1 1 auto !important;min-width:0 !important;gap:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-title {
  font-size:14px !important;font-weight:750 !important;line-height:1.25 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-summary {
  display:block !important;max-width:none !important;white-space:normal !important;
  font-size:11px !important;line-height:1.4 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-meta {
  flex:0 0 auto !important;min-width:65px;max-width:96px;gap:4px 5px !important;
  margin-left:0 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-state {
  white-space:normal !important;text-align:right;font-size:10px !important;
  line-height:1.3;color:#59687c !important;-webkit-text-fill-color:#59687c !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
  .mobile-setup-card-icon,.step1-option-group-icon,.step1-open-row-icon
) {
  flex-basis:37px !important;width:37px !important;height:37px !important;
  border:0 !important;border-radius:11px !important;
  background:#eeebfa !important;box-shadow:none !important;color:#5145a2 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
  .mobile-setup-card-chevron,.step1-option-group-chevron
) {
  flex-basis:24px !important;width:24px !important;height:27px !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  color:#59687c !important;-webkit-text-fill-color:#59687c !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card.is-open > .mobile-setup-card-header {
  border-bottom:1px solid #e3e9f1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card.is-open > .mobile-setup-card-body {
  background:#fff !important;padding:10px 13px 15px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 #optionalEnhancementsShell {
  margin:15px 0 10px !important;padding:2px 0 !important;
  border:1px solid #dce3ed !important;border-radius:15px !important;
  background:#fff !important;box-shadow:none !important;overflow:hidden;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 #optionalEnhancementsShell > .step1-option-group {
  display:block;margin:0 !important;border:0 !important;
  border-bottom:1px solid #e3e9f1 !important;border-radius:0 !important;
  background:#fff !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 #optionalEnhancementsShell > .step1-option-group:last-of-type {
  border-bottom:0 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 #optionalEnhancementsShell > .step1-option-group > summary {
  min-height:67px !important;padding:9px 12px !important;gap:10px !important;
  background:#fff !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .step1-option-group-title {
  font-size:14px !important;font-weight:750 !important;
  letter-spacing:normal !important;line-height:1.25 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .step1-option-group-sub {
  font-size:11px !important;line-height:1.4 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 #optionalEnhancementsShell > .step1-option-group[open] > summary {
  background:#f7f7fc !important;border-bottom:1px solid #e3e9f1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .step1-option-group-body {
  background:#fff !important;padding:10px 12px 14px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(
 .step1-open-row,.step1-rule-section,.step1-group-note,.step1-rule-section > summary
) {
  background:#fff !important;border-color:#e3e9f1 !important;
  color:#202c3d !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background:#fff !important;background-image:none !important;
  border-color:#d1dae6 !important;color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;color-scheme:light !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .s1-final-nav {
  margin-top:17px !important;gap:9px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-1 .s1-final-nav .nav-btn {
  min-height:48px !important;border-radius:12px !important;box-shadow:none !important;
}
@media(max-width:540px) {
  html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-header {
    padding:10px 11px !important;gap:6px !important;
  }
  html.um-refined[data-um-appearance="refined-light"] body #step-1 .mobile-setup-card-meta {
    max-width:88px !important;
  }
}


/* UltraMAX DEV • Refined Light Step 2 (2026-10-12)
   Consistent, compact catalog cards and a true light tools workspace.
   This is deliberately scoped to Refined Light: no Classic or live changes. */
html.um-refined[data-um-appearance="refined-light"] body #step-2 {
  padding-bottom:calc(155px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom:145px;
  color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .um-step-header {
  margin:0 6px 10px !important;
  padding:12px 10px 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .um-step-header h1 {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  font-size:clamp(24px,5.6vw,35px) !important;line-height:1.16 !important;
  letter-spacing:-.03em !important;
  text-shadow:none !important;background:none !important;
  background-image:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .um-step-sub {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:12px !important;line-height:1.48 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-play-stage {
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:16px !important;
  box-shadow:none !important;padding:14px !important;margin:0 0 12px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-play-stage-head {
  border-color:#e3e9f1 !important;
  padding:0 0 11px !important;margin:0 0 10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
  .s2-play-stage-head h2,.s2-manage-zone-head h2,
  .s2-review-title,.s2-preset-name,.s2-utility-copy strong
) {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  text-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
  .s2-play-stage-head p,.s2-manage-zone-head p,
  .s2-utility-copy small,.s2-preset-desc
) {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
  .s2-play-stage-kicker,.s2-manage-zone-kicker,
  .s2-review-kicker,.s2-preset-mode-label
) {
  color:#6255ae !important;-webkit-text-fill-color:#6255ae !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-preset-mode {
  gap:8px !important;margin:8px 0 14px !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-preset-mode-label {
  width:100% !important;
  font-size:10px !important;letter-spacing:.06em !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-preset-mode-option {
  min-height:38px !important;
  color:#415069 !important;-webkit-text-fill-color:#415069 !important;
  background:#fff !important;border:1px solid #d9e0ea !important;
  border-radius:11px !important;font-size:11px !important;
  box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-preset-mode-option.is-selected {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
  background:#edeafa !important;border-color:#958ad4 !important;
}
/* No giant forced min-heights: equal grid tracks follow content instead. */
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience :is(
  .s2-preset-primary-grid,.s2-preset-specialist-grid,.s2-preset-advanced-grid
) {gap:10px !important;align-items:stretch !important;}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset {
  height:100% !important;min-height:0 !important;
  padding:0 !important;display:flex !important;flex-direction:column !important;
  border:1px solid #dce3ed !important;border-radius:13px !important;
  box-shadow:none !important;
  background:#fff !important;background-image:none !important;
  color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset.s2-active {
  border-color:#6255be !important;
  background:#f9f7ff !important;
  box-shadow:0 0 0 1px #6255be !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip {
  height:86px !important;min-height:86px !important;flex-basis:86px !important;
  overflow:hidden !important;
  background:#e9edf3 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-art-cell img {
  height:100% !important;width:100% !important;object-fit:cover !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-strip::after {
  background:linear-gradient(to bottom,transparent 75%,rgba(20,26,37,.20)) !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-body {
  flex:1 1 auto !important;padding:10px !important;gap:5px !important;
  min-height:98px !important;background:#fff !important;
  text-align:left !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-heading {
  gap:6px !important;min-width:0;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-icon {
  width:27px !important;height:27px !important;flex:0 0 27px !important;
  border:0 !important;border-radius:8px !important;
  background:#f0ebfa !important;box-shadow:none !important;
  font-size:14px !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-name {
  font-size:12px !important;line-height:1.26 !important;
  white-space:normal !important;overflow:visible !important;
  overflow-wrap:break-word !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-desc {
  font-size:10px !important;line-height:1.4 !important;
  color:#5b697f !important;-webkit-text-fill-color:#5b697f !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-tag {
  display:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-meta {
  margin-top:auto !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-count {
  margin:5px 0 0 !important;padding:4px 7px !important;
  border:1px solid #dce3ed !important;border-radius:999px !important;
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
  background:#f0f2f9 !important;font-size:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-drawer {
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:12px !important;
  box-shadow:none !important;margin-top:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-drawer > summary {
  background:#fff !important;border:0 !important;
  color:#202c3d !important;padding:10px 12px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-drawer-copy :is(strong,small) {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2PresetsGrid.s2-presets-experience .s2-preset-drawer-copy small {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(.s2-specific-rows-cta,.s2-specific-rows-icon) {
  background:#f5f2fc !important;background-image:none !important;
  border-color:#d9d0ef !important;box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-specific-rows-cta {
  margin-top:12px !important;padding:11px !important;border-radius:12px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-specific-rows-copy strong {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-specific-rows-copy small {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-specific-rows-arrow {
  color:#6255ae !important;
}

/* Step 2 / advanced row tools: eliminate nested dark dashboards. */
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-manage-zone {
  margin:0 !important;padding:14px !important;
  border:1px solid #dce3ed !important;border-radius:16px !important;
  background:#fff !important;background-image:none !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-manage-zone-head {
  padding:0 2px 10px !important;text-align:left !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-manage-zone-head h2 {
  font-size:17px !important;line-height:1.2 !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-manage-zone-head p {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:11px !important;line-height:1.48 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-manage-zone .s2-utility-drawer {
  margin:7px 0 0 !important;
  border:1px solid #dce3ed !important;border-radius:12px !important;
  background:#fff !important;background-image:none !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-utility-drawer > summary {
  background:#fff !important;background-image:none !important;
  border:0 !important;min-height:68px !important;
  padding:11px 12px !important;color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-utility-copy strong {
  font-size:13px !important;font-weight:750 !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-utility-copy small {
  font-size:10px !important;line-height:1.4 !important;
  color:#58687e !important;-webkit-text-fill-color:#58687e !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-utility-icon,.s2-showall-icon,.s2-tool-panel-icon,.s2-utility-chev,
 .s2-home-manager-summary-chevron
) {
  background:#f0eef9 !important;background-image:none !important;
  border-color:#dce3ed !important;color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-utility-body {
  background:#fff !important;
  border-top:1px solid #e3e9f1 !important;padding:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-manage-grid {
  gap:7px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-manage-item {
  background:#fff !important;background-image:none !important;
  border:1px solid #e0e6ef !important;border-radius:11px !important;
  box-shadow:none !important;margin:0 !important;overflow:visible;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-home-manager-summary,.s2-showall,.s2-tool-panel-head
) {
  background:#fff !important;background-image:none !important;
  color:#202c3d !important;border:0 !important;
  min-height:60px !important;padding:10px !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
  .s2-tool-panel-title,.s2-showall-title,
  .s2-home-manager-summary-copy strong,
  .s2-manager-pane-head strong
) {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  text-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
  .s2-tool-panel-sub,.s2-showall-sub,
  .s2-home-manager-summary-copy small,
  .s2-manager-pane-head small
) {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  opacity:1 !important;font-size:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-tool-panel-body,.s2-raw,.s2-home-manager-expanded,
 .s2-catalog-manager-body,.s2-manager-view-pane,
 .s2-manager-pane-head,.s2-catalog-manager-controls
) {
  background:#fff !important;background-image:none !important;
  border-color:#e3e9f1 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 #s2HomeManagerSummaryCount {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
  background:#f2f0fa !important;border-color:#ddd7ef !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-manager-view-tab,.s2-manager-filter,.s2-order-group,
 .s2-bulk-action,.s2-manager-more,.s2-catalog-manager-search
) {
  background:#f4f6fa !important;background-image:none !important;
  border-color:#dce3ed !important;
  color:#35455b !important;-webkit-text-fill-color:#35455b !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-manager-view-tab.is-active,.s2-manager-filter.is-active,.s2-order-group.is-active
) {
  background:#ebe7fb !important;color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;border-color:#948ad5 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-phase-icon,.s2-final-count-number
) {
  color:#6255ae !important;-webkit-text-fill-color:#6255ae !important;
  border-color:#dce3ed !important;background:#edeafa !important;
  background-image:none !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-phase-label {
  color:#6255ae !important;-webkit-text-fill-color:#6255ae !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-phase-break {
  margin:16px 0 10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-phase-line {
  background:#dce3ed !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check {
  margin:12px 0 0 !important;padding:14px !important;
  border:1px solid #dce3ed !important;border-radius:16px !important;
  background:#fff !important;background-image:none !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check .s2-review-heading,
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check :is(
  .s2-review-kicker,.s2-review-title,.s2-review-sub
) {
  text-align:left !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check .s2-review-title {
  font-size:24px !important;line-height:1.2 !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check .s2-review-sub {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:11px !important;line-height:1.45 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-count {
  min-width:0 !important;background:#f5f3fb !important;
  border-color:#e0daf2 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-count-copy small {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check :is(
 .s2-step-summary-btn,.s2-step-preview-btn
) {
  background:#f6f8fb !important;background-image:none !important;
  color:#202c3d !important;border:1px solid #dce3ed !important;
  min-height:52px !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check .s2-step-summary-sub {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact {
  background:transparent !important;box-shadow:none !important;
  border-top:0 !important;padding:0 !important;margin:12px 0 0 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card {
  min-height:62px !important;padding:11px !important;
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:12px !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card-next {
  background:#6255be !important;background-image:none !important;
  border-color:#6255be !important;color:#fff !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card-title,
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card-sub {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card-next :is(.s2-nav-card-title,.s2-nav-card-sub,.s2-nav-card-icon) {
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact .s2-nav-card-icon {
  box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-bottom-nav-compact + * {
  scroll-margin-bottom:140px;
}

/* Readability fix: native-layout selectors were forcing WHITE text in the
   Browse catalogue library row, despite the light card background. */
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary {
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 34px !important;
  min-height:66px !important;
  padding:9px 11px !important;
  gap:10px !important;
  background:#fff !important;
  color:#202c3d !important;
  opacity:1 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary-copy {
  display:block !important;min-width:0 !important;opacity:1 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary-copy > strong {
  display:block !important;
  font-size:12px !important;line-height:1.35 !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  opacity:1 !important;visibility:visible !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary-copy > small {
  display:block !important;
  font-size:10px !important;line-height:1.4 !important;
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  opacity:1 !important;visibility:visible !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary-action,
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-tool-panel-chev {
  width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;
  display:grid !important;place-items:center !important;
  border:1px solid #dce3ed !important;border-radius:10px !important;
  background:#f1f0f9 !important;box-shadow:none !important;
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-library-summary-action::before,
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-tool-panel-chev::before {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-tools-body .s2-tool-panel-icon {
  width:36px !important;height:36px !important;flex:0 0 36px !important;
  border:0 !important;border-radius:10px !important;
  background:#eeebfa !important;color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;box-shadow:none !important;
}
/* Keep expanded row-tools nested editors on light surfaces. */
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-library-body,.s2-catalog-manager-expanded,.s2-tool-panel-body,
 .s2-home-manager-expanded,.s2-showall,.s2-raw,
 .s2-library-summary,.s2-search-card
) {background:#fff !important;background-image:none !important;color:#202c3d !important;}
html.um-refined[data-um-appearance="refined-light"] body #step-2 :is(
 .s2-library-body strong,.s2-catalog-manager-expanded strong,
 .s2-tool-panel-body strong,.s2-raw strong
) {color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;}

/* =========================================================
   Refined Light · Step 3: compact Android collection workspace.
   Only presentation changes. All collection JS and data intact.
   ========================================================= */
html.um-refined[data-um-appearance="refined-light"] body #step-3 {
  padding-bottom:calc(115px + env(safe-area-inset-bottom)) !important;
  color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .um-step-header {
  margin:0 6px 10px !important;padding:12px 10px 10px !important;
  border:0 !important;border-radius:0 !important;
  background:transparent !important;background-image:none !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .um-step-header h1 {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  background:none !important;background-image:none !important;
  font-size:clamp(24px,5.7vw,35px) !important;
  letter-spacing:-.03em !important;line-height:1.14 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .um-step-sub {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:12px !important;line-height:1.48 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-editor-zone,.s3-workspace-panel,#s3HomeLayoutPanel,
 .s3-v2-home-layout,.s3-v2-layout-section,
 .s3-v2-drawer,.s3-v2-drawer > summary
) {
  background:#fff !important;background-image:none !important;
  border-color:#dce3ed !important;color:#202c3d !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone {
  padding:14px !important;border:1px solid #dce3ed !important;
  border-radius:16px !important;margin:0 0 12px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone-head {
  gap:10px !important;padding-bottom:8px !important;margin-bottom:10px !important;
  border-bottom:1px solid #e3e9f1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone-head h2 {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  font-size:18px !important;line-height:1.25 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone-head p {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:11px !important;line-height:1.45 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-workspace-count {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
  border:1px solid #dcd5ee !important;background:#f1edf9 !important;
  font-size:10px !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone .coll-search {
  min-height:45px !important;border:1px solid #d4dce8 !important;
  border-radius:12px !important;background:#fff !important;
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone-head .collection-add-action {
  width:100% !important;min-width:0 !important;
  min-height:46px !important;
  padding:9px 15px !important;border-radius:12px !important;
  border:1px solid #6255be !important;
  background:#6255be !important;background-image:none !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font-size:13px !important;font-weight:760 !important;
  opacity:1 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone #collections-list {
  gap:8px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-card {
  border:1px solid #dce3ed !important;border-radius:12px !important;
  background:#fff !important;background-image:none !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-summary {
  background:#fff !important;background-image:none !important;
  color:#202c3d !important;border:0 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-quick-actions :is(
 .collection-pin-toggle,.collection-order-menu > summary
) {
  border:1px solid #dce3ed !important;background:#f1f3f8 !important;
  color:#5145a2 !important;box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-summary {
  gap:6px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-summary span {
  background:#f1f3f8 !important;border:1px solid #e0e6ef !important;
  color:#536176 !important;padding:5px 8px !important;font-size:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-summary strong {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-section {
  padding:10px 12px !important;border:1px solid #e2e7ef !important;
  border-radius:11px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-label {
  color:#6255ae !important;-webkit-text-fill-color:#6255ae !important;
  font-size:10px !important;margin-bottom:5px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-layout-row,.s3-v2-layout-collection
) {
  min-height:34px !important;padding:5px 7px !important;
  background:#fff !important;background-image:none !important;
  border:0 !important;border-bottom:1px solid #eef1f6 !important;
  border-radius:0 !important;font-size:11px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-layout-row strong,.s3-v2-layout-collection strong
) {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  font-size:11px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-layout-empty,.s3-v2-layout-more,.s3-v2-layout-collection small
) {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  font-size:10px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-home-layout-head h2,.s3-v2-drawer-copy strong
) {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-home-layout-head p,.s3-v2-drawer-copy small
) {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-drawer-icon,.s3-v2-drawer-chev
) {
  background:#f0eef9 !important;border-color:#dce3ed !important;
  color:#5145a2 !important;box-shadow:none !important;
}

/* Step 3: one bottom navigation, not two competing sticky overlays. */
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-area {
  position:static !important;
  bottom:auto !important;
  z-index:auto !important;
  margin:14px 0 0 !important;
  padding:12px !important;
  background:#fff !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:15px !important;
  box-shadow:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-area > .count-display {
  color:#536176 !important;background:#f4f6fa !important;
  border:0 !important;border-radius:10px !important;
  letter-spacing:0 !important;padding:6px 8px !important;
  min-height:31px !important;gap:2px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-area :is(#collCount,#folderCount) {
  color:#5145a2 !important;-webkit-text-fill-color:#5145a2 !important;
  background:none !important;font-weight:800 !important;
  font-family:Roboto,system-ui,sans-serif !important;font-size:13px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-area .count-display span:not(#collCount):not(#folderCount) {
  color:#536176 !important;-webkit-text-fill-color:#536176 !important;
  background:none !important;font-size:11px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-actions {
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-actions > .step4-action {
  background:#f3f5fa !important;background-image:none !important;
  border:1px solid #dce3ed !important;border-radius:11px !important;
  color:#35455b !important;-webkit-text-fill-color:#35455b !important;
  opacity:1 !important;box-shadow:none !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-actions > .step4-action::before {
  color:#35455b !important;-webkit-text-fill-color:#35455b !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-actions > .step4-action-primary {
  background:#6255be !important;background-image:none !important;
  border-color:#6255be !important;color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html.um-app-mode.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-actions > .step4-action-primary::before {
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-quick-actions :is(
 .collection-pin-toggle,.collection-order-menu > summary
) {background:#f2f4f9 !important;color:#5145a2 !important;}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-order-menu-popover {
  background:#fff !important;border-color:#dce3ed !important;
  box-shadow:0 9px 24px rgba(26,35,52,.14) !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-order-menu-popover button {
  color:#202c3d !important;-webkit-text-fill-color:#202c3d !important;
  background:transparent !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-order-menu-popover button:hover {
  background:#f1f0fa !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(
 .s3-v2-layout-chips,.s3-v2-layout-collections,.s3-v2-layout-rows
) {gap:0 !important;}
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-section:has(> .s3-v2-layout-chips > .s3-v2-layout-empty),
html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-section:has(> .s3-v2-layout-rows > .s3-v2-layout-empty) {
  padding:9px 11px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-3 :is(.s3-v2-layout-empty,.s3-v2-layout-more) {
  padding:3px 0 !important;
}
@media(max-width:640px) {
 html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone {
   padding:11px !important;
 }
 html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-editor-zone-head {
   gap:8px !important;
 }
 html.um-refined[data-um-appearance="refined-light"] body #step-3 .s3-v2-layout-section {
   padding:8px 10px !important;
 }
 html.um-refined[data-um-appearance="refined-light"] body #step-3 .collection-bottom-area {
   padding:9px !important;
 }
}



@media(max-width:640px) {
  html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check-top {
    display:grid !important;grid-template-columns:1fr !important;gap:11px !important;
  }
  html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-count {
    padding:9px 10px !important;
  }
  html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-count-number {
    width:43px !important;height:43px !important;min-width:43px !important;
  }
  html.um-refined[data-um-appearance="refined-light"] body #step-2 .s2-final-check .s2-review-actions {
    gap:8px !important;margin-top:11px !important;
  }
}

/* Step 4 • Refined Light / Nuvio connection
   Old yellow status colours were tuned for a charcoal surface.
   Not connected = readable neutral state; call to action = purple.
   All connected/disconnected states retain their original JS behaviour. */
html.um-refined[data-um-appearance="refined-light"] body #step-4 #pushToNuvioCard {
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dce3ed !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #pushToNuvioCard .s4-nuvio-kicker {
  color:#11795e !important;
  -webkit-text-fill-color:#11795e !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #pushToNuvioCard .s4-nuvio-title {
  color:#202c3d !important;
  -webkit-text-fill-color:#202c3d !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #pushToNuvioCard .s4-nuvio-desc,
html.um-refined[data-um-appearance="refined-light"] body #step-4 #nuvio-status {
  color:#536176 !important;
  -webkit-text-fill-color:#536176 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState {
  background:#f3f6fa !important;
  background-image:none !important;
  border:1px solid #dce3ed !important;
  border-radius:12px !important;
  color:#35445b !important;
  -webkit-text-fill-color:#35445b !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.45 !important;
  padding:12px !important;
  gap:9px !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState :is(span:not(.s4-nuvio-state-dot)) {
  color:#35445b !important;
  -webkit-text-fill-color:#35445b !important;
  opacity:1 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState[data-state="disconnected"] {
  background:#f3f6fa !important;
  border-color:#dce3ed !important;
  color:#35445b !important;
  -webkit-text-fill-color:#35445b !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState[data-state="disconnected"] .s4-nuvio-state-dot {
  background:#8792a3 !important;
  box-shadow:0 0 0 4px rgba(135,146,163,.15) !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState[data-state="checking"] .s4-nuvio-state-dot {
  background:#6255be !important;
  box-shadow:0 0 0 4px rgba(98,85,190,.10) !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState[data-state="connected"] {
  background:#edf7f2 !important;
  border-color:#cbe8d9 !important;
  color:#166145 !important;
  -webkit-text-fill-color:#166145 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState[data-state="connected"] :is(span:not(.s4-nuvio-state-dot)) {
  color:#166145 !important;
  -webkit-text-fill-color:#166145 !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectAction {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px !important;
  padding:9px 15px !important;
  margin-left:auto !important;
  background:#eeebfa !important;
  background-image:none !important;
  border:1px solid #c7c0ea !important;
  border-radius:11px !important;
  color:#5145a2 !important;
  -webkit-text-fill-color:#5145a2 !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectAction:focus-visible {
  outline:3px solid #6255be !important;
  outline-offset:3px !important;
}
html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioCollectionManagerMount {
  color:#202c3d !important;
}
@media(max-width:700px){
  html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectionState {
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }
  html.um-refined[data-um-appearance="refined-light"] body #step-4 #s4NuvioConnectAction:not([style*="display: none"]):not([style*="display:none"]) {
    width:100% !important;
    margin-left:0 !important;
  }
}