/* Simple, clean modal + auth links */
.mm-no-scroll { overflow: hidden; }
.mm-modal { position: fixed; inset: 0; z-index: 99999; }
.mm-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
.mm-modal-dialog { position: relative; margin: 5vh auto; max-width: 480px; background: #fff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); padding: 0; overflow: hidden; }
.mm-modal-close { position: absolute; top: 8px; right: 12px; background: transparent; border: 0; font-size: 28px; line-height: 1; cursor: pointer; }
.mm-modal-content { padding: 24px; }
.mm-modal-title { margin: 0 0 16px; font-size: 22px; }
.mm-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.mm-tab { border: 1px solid #ddd; background: #f7f7f7; padding: 8px 12px; border-radius: 6px; cursor: pointer; }
.mm-tab.is-active { background: #fff; border-color: #999; }
.mm-tabpanel { display: none; }
.mm-tabpanel.is-active { display: block; }

.mm-members-only-wrap { padding: 12px; border: 1px dashed #aaa; border-radius: 8px; }
.mm-members-only-message { margin-bottom: 10px; }
.mm-auth-actions .button { margin-right: 8px; }

.mm-auth-links { display: inline-flex; gap: 8px; align-items: center; }
.mm-auth-links.links .mm-link { text-decoration: underline; }
.mm-logout-inline { margin-top: 10px; }