/* Événements : RSVP, lien visio, participants */
.event-list-card.event-card { align-items: stretch; }
.event-main { min-width: 0; flex: 1; }
.event-main strong { font-family: var(--font-title); font-size: 16px; color: var(--text-title); }
.event-when { display: block; margin-top: 2px; }
.event-chip {
  display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; padding: 2px 10px; border-radius: var(--radius-full);
  background: var(--background-soft); color: var(--secondary); font-size: 11.5px; font-weight: 600; vertical-align: middle;
}
.event-badge-live { background: #FEE4E2; color: #B42318; animation: livePulse 1.6s ease-in-out infinite; }
.event-badge-done { background: var(--background-soft); color: var(--text-muted); }
@keyframes livePulse { 50% { opacity: 0.55; } }

.event-attendees { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 12.5px; color: var(--text-muted); }
.event-attendees button { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; }
.event-attendees button:hover { color: var(--primary); }
.avatar-stack { display: inline-flex; }
.avatar-stack .ev-avatar { margin-left: -8px; border: 2px solid var(--background); }
.avatar-stack .ev-avatar:first-child { margin-left: 0; }
.ev-avatar {
  width: 26px; height: 26px; border-radius: 50%; background: var(--grad); color: #fff; font-size: 10px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center; background-size: cover; background-position: center; flex-shrink: 0;
}
.ev-avatar.md { width: 34px; height: 34px; font-size: 12px; }

.event-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.rsvp-group { display: inline-flex; border: 1.5px solid var(--border); border-radius: var(--radius-full); overflow: hidden; }
.rsvp-btn { padding: 8px 16px; border: 0; background: transparent; font-size: 13px; font-weight: 600; color: var(--text-body); cursor: pointer; transition: background 0.2s, color 0.2s; }
.rsvp-btn + .rsvp-btn { border-left: 1.5px solid var(--border); }
.rsvp-btn:hover:not(:disabled) { background: var(--background-soft); color: var(--primary); }
.rsvp-btn.active { background: var(--primary); color: #fff; }
.rsvp-btn.active[data-rsvp="maybe"] { background: var(--secondary); }
.rsvp-btn:disabled { opacity: 0.45; cursor: default; }

.event-join {
  display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border-radius: var(--radius-full); text-decoration: none;
  background: var(--grad); color: #fff; font-size: 13px; font-weight: 600; transition: transform 0.2s, box-shadow 0.2s;
}
.event-join:hover { transform: translateY(-1px); box-shadow: var(--shadow-card); }
.event-join.soon { background: var(--background-soft); color: var(--text-muted); pointer-events: none; }
.event-ics { border: 0; background: transparent; color: var(--primary); font-size: 12.5px; font-weight: 600; cursor: pointer; padding: 8px 6px; border-radius: 8px; }
.event-ics:hover { background: var(--background-soft); color: var(--accent); }

.event-card.flash { animation: postFlash 2.4s ease-out; }
.attendee-list { display: flex; flex-direction: column; gap: 10px; max-height: 340px; overflow-y: auto; }
.attendee-row { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--text-title); font-weight: 500; }
.attendee-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); margin: 14px 0 8px; }
#event-link-group[hidden] { display: none; }