/* MAJAA shared premium dialog 1.0. One source for group creation and connection limits. */
#majaa-group-upgrade.majaa-premium-dialog,
#majaa-request-limit.majaa-premium-dialog {
  box-sizing:border-box;width:min(calc(100vw - 32px),520px);max-height:calc(100dvh - 32px);
  margin:auto;padding:32px 24px 24px;border:1px solid var(--majaa-dialog-border);border-radius:var(--majaa-dialog-radius);
  background:var(--majaa-dialog-bg);color:var(--majaa-color-text);box-shadow:var(--majaa-dialog-shadow);
  text-align:center;font:400 16px/1.55 var(--majaa-font-body);overflow:auto;
}
.majaa-premium-dialog:not([open]){display:none}
.majaa-premium-dialog::backdrop{background:var(--majaa-dialog-backdrop)}
.majaa-premium-dialog .majaa-premium-mark {
  display:flex;align-items:center;justify-content:center;width:64px;height:64px;
  margin:0 auto 16px;border:1px solid var(--majaa-color-gold-dark);border-radius:50%;
  color:var(--majaa-color-ink);background:linear-gradient(145deg,#fbf5eb,#f0e3cc);
}
.majaa-premium-mark svg{display:block;width:30px;height:30px}
.majaa-premium-dialog .majaa-premium-label{margin:0 0 8px;color:var(--majaa-color-ink);font:400 15px/1.4 var(--majaa-font-body)}
#majaa-group-upgrade.majaa-premium-dialog h2,
#majaa-request-limit.majaa-premium-dialog h2{margin:0 0 20px;padding:0;color:var(--majaa-color-ink);font:400 28px/1.25 var(--majaa-font-heading);letter-spacing:normal;text-transform:none}
.majaa-premium-dialog p{margin:0 0 16px;font:inherit;color:inherit}
.majaa-premium-dialog .majaa-premium-benefit{color:var(--majaa-color-ink)}
.majaa-premium-dialog .majaa-premium-actions,
#majaa-request-limit.majaa-premium-dialog .majaa-request-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}
.majaa-premium-dialog .majaa-premium-primary,
#majaa-request-limit.majaa-premium-dialog .majaa-request-limit-upgrade a {
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;
  padding:10px var(--majaa-button-padding-x);border:1px solid var(--majaa-button-border);border-radius:var(--majaa-button-radius);background:var(--majaa-button-primary-bg);color:var(--majaa-color-ink);
  font:400 var(--majaa-button-font-size)/1.4 var(--majaa-font-body);text-decoration:none;box-shadow:var(--majaa-button-shadow);cursor:pointer;
}
.majaa-premium-primary svg,.majaa-request-limit-upgrade a svg{display:block;flex:none;width:20px;height:20px}
.majaa-premium-dialog .majaa-premium-secondary,
#majaa-request-limit.majaa-premium-dialog button[data-majaa-limit-close] {
  order:2;flex:none;min-height:var(--majaa-button-height);width:100%;padding:10px var(--majaa-button-padding-x);border:1px solid var(--majaa-button-border);
  border-radius:var(--majaa-button-radius);background:var(--majaa-button-secondary-bg);color:var(--majaa-color-ink);font:400 var(--majaa-button-font-size)/1.4 var(--majaa-font-body);box-shadow:var(--majaa-button-shadow);cursor:pointer;
}
.majaa-premium-dialog a:hover{filter:brightness(.97);text-decoration:none}
.majaa-premium-dialog a:focus-visible,.majaa-premium-dialog button:focus-visible{outline:2px solid var(--majaa-color-gold-dark);outline-offset:3px}
#majaa-group-upgrade.majaa-premium-dialog .majaa-premium-close {
  position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--majaa-color-ink);box-shadow:none;cursor:pointer;line-height:1;
}
.majaa-premium-close svg{display:block;width:20px;height:20px}
.majaa-premium-dialog button::before,.majaa-premium-dialog button::after,
.majaa-premium-dialog a::before,.majaa-premium-dialog a::after{content:none!important;display:none!important}
.majaa-premium-dialog [aria-disabled=true]{opacity:.65;pointer-events:none}
.majaa-request-draft-return{padding:16px;border:1px solid var(--majaa-color-gold-dark);border-radius:10px;background:#f8f4ed;color:var(--majaa-color-ink)}
@media(max-width:380px){#majaa-group-upgrade.majaa-premium-dialog,#majaa-request-limit.majaa-premium-dialog{padding:28px 20px 20px}}