/* SHALIZ V296 — compact opaque stone authentication dialogs */
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login),
html body.studio-app #modal:has(#resetForm),
html body.studio-app #modal.shaliz-recovery-glass {
  box-sizing:border-box!important;
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
  width:min(92vw,470px)!important;
  max-width:470px!important;
  height:max-content!important;
  max-height:calc(100dvh - 24px)!important;
  padding:0!important;
  background:#605b55!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:16px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.36)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  transform:none!important;
}
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login)::-webkit-scrollbar,
html body.studio-app #modal:has(#resetForm)::-webkit-scrollbar,
html body.studio-app #modal.shaliz-recovery-glass::-webkit-scrollbar {display:none!important;width:0!important}
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login) .modal-body,
html body.studio-app #modal:has(#resetForm) .modal-body,
html body.studio-app #modal.shaliz-recovery-glass .modal-body {
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:25px 26px 22px!important;
  background:#605b55!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#fff!important;
}
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login) #modalContent,
html body.studio-app #modal:has(#resetForm) #modalContent,
html body.studio-app #modal.shaliz-recovery-glass #modalContent {
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}
html body.studio-app #modal .v291-auth-intro{margin:0 0 13px!important}
html body.studio-app #modal .v291-auth-intro h2{margin:0 0 4px!important;color:#fff!important}
html body.studio-app #modal .v291-auth-intro p{margin:0!important;color:#fff!important}
html body.studio-app #modal .v291-auth-form{gap:9px!important}
html body.studio-app #modal .v291-field-label{margin:0!important;color:#fff!important;line-height:1.35!important}
html body.studio-app #modal .v291-field{margin-top:4px!important;min-height:42px!important;background:#302d29!important;border:1px solid rgba(196,166,125,.35)!important;box-shadow:none!important;outline:0!important}
html body.studio-app #modal .v291-field input{padding:10px 0!important;line-height:1.35!important}
html body.studio-app #modal .v291-primary{margin-top:2px!important;padding:10px 14px!important}
html body.studio-app #modal .v291-secondary{margin:6px auto 0!important;padding:8px 10px!important}
html body.studio-app #modal #authStatus{margin:0!important;min-height:0!important}
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login) #closeModal,
html body.studio-app #modal:has(#resetForm) #closeModal,
html body.studio-app #modal.shaliz-recovery-glass #closeModal {
  position:absolute!important;
  top:8px!important;
  left:10px!important;
  right:auto!important;
  float:none!important;
  margin:0!important;
  padding:3px!important;
  background:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#f2e5d2!important;
  z-index:5!important;
}
html body.studio-app #modal:has(#resetForm) h2,
html body.studio-app #modal.shaliz-recovery-glass h2 {color:#fff!important}
html body.studio-app #modal:has(#resetForm) label,
html body.studio-app #modal.shaliz-recovery-glass label {color:#fff!important}
html body.studio-app #modal:has(#resetForm) input,
html body.studio-app #modal.shaliz-recovery-glass input {
  background:#302d29!important;color:#fff!important;
  border:1px solid rgba(196,166,125,.35)!important;
  box-shadow:none!important;outline-color:#bd9d6c!important;
}
html body.studio-app #modal:has(#resetForm) .auth-form{gap:10px!important}
html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login):focus,
html body.studio-app #modal:has(#resetForm):focus {outline:0!important;border:0!important}
@media(max-width:600px){
 html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login),
 html body.studio-app #modal:has(#resetForm),
 html body.studio-app #modal.shaliz-recovery-glass {
   width:calc(100vw - 28px)!important;max-width:440px!important;
   max-height:calc(100dvh - 24px)!important;
 }
 html body.studio-app #modal:is(.v291-auth-page,.v291-auth-join,.v291-auth-login) .modal-body,
 html body.studio-app #modal:has(#resetForm) .modal-body,
 html body.studio-app #modal.shaliz-recovery-glass .modal-body {padding:24px 19px 19px!important}
}