/* MSH Run Club auth dialog: Safari-safe centered modal */
#authDialog[open]{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  transform:none!important;
  margin:auto!important;
  width:min(560px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  height:max-content!important;
  max-height:min(620px,calc(100dvh - 32px))!important;
  border:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
}
#authDialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(4px)}
#authDialog .sheet-close{position:absolute!important;top:12px!important;right:12px!important;width:48px!important;height:48px!important;border-radius:50%!important;z-index:5!important}
#authDialog .sheet-body{display:flex!important;flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;max-height:min(620px,calc(100dvh - 32px))!important;padding:28px 22px 22px!important;box-sizing:border-box!important}
#authDialog .sheet-body h2{margin:4px 58px 14px 0!important;font-size:clamp(1.65rem,5vw,2rem)!important;line-height:1.08!important;word-break:normal!important;overflow-wrap:anywhere!important}
#authDialog .sheet-body>p:not(.fineprint){margin:0 0 16px!important;font-size:1rem!important;line-height:1.45!important;color:#30343b!important}
#authDialog .btn{width:100%!important;min-height:58px!important;padding:12px 16px!important;border-radius:17px!important;font-size:1rem!important;line-height:1.2!important;margin-top:8px!important;box-sizing:border-box!important}
#authDialog #logoutBtn{background:#fff5f6!important;color:#b4233f!important;border:1.5px solid #ffd8df!important}
#authDialog .fineprint{margin:16px 0 0!important;font-size:.9rem!important;line-height:1.45!important;color:#6b7280!important}

@media(max-width:600px){
  #authDialog[open]{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:24px!important;
  }
  #authDialog .sheet-body{max-height:calc(100dvh - 28px)!important;padding:22px 16px 18px!important}
  #authDialog .sheet-body h2{margin:4px 54px 12px 0!important;font-size:1.65rem!important}
  #authDialog .sheet-body>p:not(.fineprint){font-size:.97rem!important;line-height:1.4!important}
  #authDialog .btn{min-height:56px!important;font-size:.98rem!important;border-radius:16px!important}
  #authDialog .fineprint{font-size:.86rem!important;line-height:1.4!important}
}

@media(max-width:380px){
  #authDialog[open]{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:20px!important;
  }
  #authDialog .sheet-body{padding:18px 12px 14px!important;max-height:calc(100dvh - 20px)!important}
  #authDialog .sheet-body h2{font-size:1.48rem!important;margin-right:48px!important}
  #authDialog .btn{min-height:54px!important;font-size:.95rem!important}
  #authDialog .fineprint{font-size:.82rem!important}
}