/* BUKLIO · account-created mobile composition v4
   Keeps logo, orbit, illustration and copy in separate vertical blocks. */

@media (max-width:620px){
  #authOverlay.buklio-success-screen .sheet-body{
    padding:calc(12px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))!important;
  }

  #authOverlay.buklio-success-screen #signupSuccessPane{
    min-height:auto!important;
    justify-content:flex-start!important;
    padding-top:0!important;
  }

  /* Match the onboarding brand size and keep it clearly outside the orbit. */
  #authOverlay.buklio-success-screen #signupSuccessPane::before{
    width:min(50vw,225px)!important;
    height:66px!important;
    margin:0 auto 18px!important;
    flex:0 0 auto!important;
  }

  /* The visual block owns its full circle, so no glow/orbit can overlap copy. */
  #authOverlay.buklio-success-screen .signup-success-visual{
    width:min(76vw,325px)!important;
    height:min(76vw,325px)!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0 auto 20px!important;
  }
  #authOverlay.buklio-success-screen .signup-success-visual::before{
    width:min(70vw,300px)!important;
    top:50%!important;
  }
  #authOverlay.buklio-success-screen .signup-success-visual::after{
    width:min(72vw,315px)!important;
    top:50%!important;
  }

  /* Larger crow-to-orbit ratio without enlarging the orbit itself. */
  #authOverlay.buklio-success-screen .signup-success-raven{
    width:min(70vw,305px)!important;
    height:min(68vw,295px)!important;
  }

  #authOverlay.buklio-success-screen .signup-success-mail{
    right:3%!important;
    top:5%!important;
    width:66px!important;
    height:54px!important;
  }

  #authOverlay.buklio-success-screen #signupSuccessTitle{
    margin:0!important;
    font-size:clamp(33px,8.7vw,40px)!important;
  }
  #authOverlay.buklio-success-screen #signupSuccessCopy{
    margin-top:14px!important;
  }
  #authOverlay.buklio-success-screen #signupSuccessCopy::before{
    font-size:15px!important;
    line-height:1.48!important;
  }
  #authOverlay.buklio-success-screen .buklio-success-note{
    margin-top:18px!important;
    max-width:340px!important;
    font-size:12px!important;
  }

  /* Give the copy room before the CTA, as in the approved onboarding rhythm. */
  #authOverlay.buklio-success-screen .signup-success-actions{
    margin-top:36px!important;
    padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
}

/* Short browser viewports (including iPhone browser chrome) need an explicitly
   smaller orbit; otherwise the pseudo-elements overflow the visual container. */
@media (max-width:380px),(max-height:760px){
  #authOverlay.buklio-success-screen #signupSuccessPane::before{
    width:min(45vw,205px)!important;
    height:56px!important;
    margin-bottom:12px!important;
  }

  #authOverlay.buklio-success-screen .signup-success-visual{
    width:min(70vw,286px)!important;
    height:min(70vw,286px)!important;
    min-height:0!important;
    margin-bottom:16px!important;
  }
  #authOverlay.buklio-success-screen .signup-success-visual::before{
    width:min(64vw,260px)!important;
  }
  #authOverlay.buklio-success-screen .signup-success-visual::after{
    width:min(67vw,272px)!important;
  }
  #authOverlay.buklio-success-screen .signup-success-raven{
    width:min(64vw,270px)!important;
    height:min(62vw,260px)!important;
  }
  #authOverlay.buklio-success-screen .signup-success-mail{
    right:4%!important;
    top:5%!important;
    width:56px!important;
    height:46px!important;
  }

  #authOverlay.buklio-success-screen #signupSuccessTitle{
    font-size:31px!important;
  }
  #authOverlay.buklio-success-screen #signupSuccessCopy{
    margin-top:12px!important;
  }
  #authOverlay.buklio-success-screen #signupSuccessCopy::before{
    font-size:13px!important;
    line-height:1.45!important;
  }
  #authOverlay.buklio-success-screen .buklio-success-note{
    margin-top:15px!important;
    font-size:11px!important;
  }
  #authOverlay.buklio-success-screen .signup-success-actions{
    margin-top:28px!important;
  }
}