/* Only browsers without native dialog.showModal receive these classes. */
.browser-dialog-fallback:not([open]) { display:none; }
.browser-dialog-fallback[open] {
  display:block;
  position:fixed;
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  margin:0;
  transform:translate(-50%,-50%);
  z-index:2147483001;
  max-height:92vh;
  max-height:92svh;
  overflow:auto;
}
.browser-dialog-fallback .m-dialog-content {
  max-height:min(66vh,600px);
  max-height:min(66svh,600px);
}
.browser-dialog-backdrop {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:2147483000;
  background:rgba(16,26,48,.33);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
/* Keep cards and primary actions legible before color-mix() support. */
@supports not (color:color-mix(in srgb,#fff,#000)) {
  .member-app { --inner-glass:var(--surface); --inner-shadow:rgba(36,104,206,.08); }
  .member-app .n-inner-surface { border-color:var(--outline); }
  .n-inner-primary,.member-app .n-plan-purchase,.m-dialog .m-button-primary {
    color:var(--surface)!important;
    background:var(--primary)!important;
    border-color:var(--primary);
  }
}