/* UltraMAX Classic Step 2 footer v23 - isolated DEV layout repair.
 * Replace old double-layered navigation panels with two compact actions.
 * Keep Classic colours, and preserve setStep(1) / goToStep3() handlers.
 * Refined Dark / Refined Light intentionally unaffected.
 */
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact {
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:12px 0 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:54px!important;
  height:auto!important;
  padding:11px 12px!important;
  margin:0!important;
  border-radius:12px!important;
  border:1px solid rgba(176,145,223,.28)!important;
  outline:0!important;
  box-shadow:none!important;
  background:#251d33!important;
  background-image:none!important;
  color:#efe8f9!important;
  -webkit-text-fill-color:#efe8f9!important;
  font:700 14px Inter,system-ui,sans-serif!important;
  text-align:center!important;
  text-shadow:none!important;
  transform:none!important;
  transition:background-color .18s ease,border-color .18s ease!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card::before,
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card::after {
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card-back {
  background:#251d33!important;
  border-color:rgba(176,145,223,.28)!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card-next {
  background:#6947a8!important;
  background-image:none!important;
  border:1px solid #815eb8!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card-back:not(:disabled):hover {background:#312440!important}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card-next:not(:disabled):hover {background:#7956ba!important}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact .s2-nav-card-icon {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font-size:20px!important;
  line-height:1!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact .s2-nav-card-copy {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  flex:0 1 auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  gap:0!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact .s2-nav-card-title {
  display:block!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:normal!important;
}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact .s2-nav-card-sub {display:none!important}
html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card:focus-visible {
  outline:3px solid #c6a6f5!important;
  outline-offset:2px!important;
}
@media(max-width:480px){
  html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact{gap:9px!important}
  html[data-um-appearance="classic"] body:not(.light-mode) #step-2 .s2-bottom-nav-compact > .s2-nav-card{min-height:52px!important;padding:10px 9px!important}
}