/* Minimal frontend safety styles for hints on white pages */
#mmnHint{min-height:18px}
#mmnHint:empty{display:none}
#mmnHint span{display:inline-block;padding:7px 10px;border-radius:10px;background:rgba(2,6,23,.04);box-shadow:inset 0 0 0 1px rgba(2,6,23,.08)}
#mmnHint .warn{color:rgba(220,38,38,.95);background:rgba(220,38,38,.06);box-shadow:inset 0 0 0 1px rgba(220,38,38,.18)}
#mmnHint .err{color:rgba(185,28,28,.95);background:rgba(185,28,28,.06);box-shadow:inset 0 0 0 1px rgba(185,28,28,.18)}
#mmnHint .ok{color:rgba(22,163,74,.95);background:rgba(22,163,74,.06);box-shadow:inset 0 0 0 1px rgba(22,163,74,.18)}
#mmnHint a{color:rgba(220,38,38,.95);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}

/* --- MMN: confirmation popup mobile clipping fix --- */
#mmnOverlay{
  /* Allow for iOS safe areas */
  padding: max(16px, env(safe-area-inset-top))
           max(16px, env(safe-area-inset-right))
           max(16px, env(safe-area-inset-bottom))
           max(16px, env(safe-area-inset-left)) !important;
}

#mmnOverlay .mmnModal{
  /* Stop forcing a square popup on short viewports */
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: hidden !important;
}

#mmnOverlay .mmnModalInner{
  height: auto !important;
  max-height: calc(100dvh - 32px) !important;
  min-height: 0 !important;
}

#mmnOverlay .mmnSteps{
  overflow: auto !important;
  min-height: 0 !important;
}

/* Fallback for browsers without dvh */
@supports not (height: 100dvh){
  #mmnOverlay .mmnModal,
  #mmnOverlay .mmnModalInner{
    max-height: calc(100vh - 32px) !important;
  }
}