/* Modal overlay and box */
.mm-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.mm-modal-box { background: #fff; border-radius: 10px; max-width: 900px; width: 100%; max-height: 90vh; overflow: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.3); position: relative; }
.mm-modal-content { padding: 20px; font-family: inherit; color: inherit; }
.mm-modal-header h2 { margin: 0 0 8px; }
.mm-modal-meta { color: #666; font-size: 0.95rem; margin-bottom: 12px; }
.mm-modal-flyer img { max-width: 100%; border-radius: 6px; margin-bottom: 12px; }
.mm-modal-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; flex-wrap:wrap; }
.mm-attendance { display:flex; align-items:center; gap:10px; }
.mm-attend-btn { background:#1f8dd6; color:#fff; border:0; padding:8px 12px; border-radius:6px; cursor:pointer; }
.mm-attend-btn:hover { opacity:0.95; }
.mm-tally { color:#333; font-weight:600; margin-left:8px; }

.mm-share { display:flex; gap:8px; align-items:center; }
.mm-share-icon, .mm-share-icon a { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:6px; background:transparent; cursor:pointer; text-decoration:none; color:inherit; }
.mm-share-icon:hover, .mm-share-icon a:hover { background: rgba(0,0,0,0.06); }

.mm-modal-comments { margin-top:18px; border-top:1px solid #eee; padding-top:12px; }

/* Event list condensed */
.mm-events-list { display:flex; flex-direction:column; gap:8px; }
.mm-event-item { padding:10px; border-radius:6px; background: #fafafa; cursor:pointer; border:1px solid #eee; }
.mm-event-item:hover { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.03); }

.mm-close { position:absolute; top:12px; right:12px; background:transparent; border:0; font-size:22px; cursor:pointer; }
.mm-copy { font-weight:bold; }