/* ShareHome v45 - app-wide floating layers / portal popups */
.sharehome-floating-active{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:90000!important;
  isolation:isolate;
  animation:sharehomeFloatingIn .12s ease-out both;
}
.sharehome-floating-active[data-floating-placement="above"]{animation-name:sharehomeFloatingInAbove}

/* Existing custom lists keep their own visual language, but no longer depend on
   the z-index/overflow/transform of the card or form they originated from. */
.ds-select-menu.sharehome-floating-active{display:block!important}
.bank-suggestions.sharehome-floating-active{display:block!important}
.owner-picker-results.sharehome-floating-active,.owner-results.sharehome-floating-active{display:block!important}
.suite-color-dropdown.sharehome-floating-active{display:flex!important;flex-direction:column!important}

/* When a popup is portalled out of .app-shell, preserve the same button styling. */
.sharehome-floating-active .ds-select-option,
.sharehome-floating-active .suite-color-option,
.sharehome-floating-active[data-bank-suggestions] button,
.sharehome-floating-active .owner-result{font-family:inherit}

@keyframes sharehomeFloatingIn{from{opacity:.72;transform:translateY(-3px) scale(.995)}to{opacity:1;transform:none}}
@keyframes sharehomeFloatingInAbove{from{opacity:.72;transform:translateY(3px) scale(.995)}to{opacity:1;transform:none}}

@media(max-width:680px){
  .sharehome-floating-active{z-index:90000!important}
  .suite-color-dropdown.sharehome-floating-active{max-height:min(64svh,460px)!important}
}
@media(prefers-reduced-motion:reduce){.sharehome-floating-active{animation:none!important}}

/* v45: portal layers must keep their component appearance after leaving .app-shell. */
.ds-select-menu.sharehome-floating-active,
.bank-suggestions.sharehome-floating-active,
.suite-color-dropdown.sharehome-floating-active{
  direction:rtl!important;
  font-family:inherit!important;
  box-sizing:border-box!important;
}
.ds-select-menu.sharehome-floating-active{padding:7px!important;border:1px solid #dce5f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 46px rgba(31,47,70,.15)!important;overflow:hidden!important}
.bank-suggestions.sharehome-floating-active{padding:6px!important;border:1px solid #dfe8e0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 16px 38px rgba(18,56,45,.16)!important;overflow:auto!important}
.suite-color-dropdown.sharehome-floating-active{border:1px solid #cbd5e1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 48px rgba(15,35,70,.18)!important;overflow:hidden!important}
@media(max-width:680px){
  .ds-select-menu.sharehome-floating-active{padding:10px!important;border-radius:20px!important;max-height:min(68svh,520px)!important}
  .bank-suggestions.sharehome-floating-active{max-height:min(58svh,420px)!important}
}