/* index countdown banner */
.ev-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 9px 14px; border-radius: 6px;
  background: linear-gradient(90deg, rgba(124,80,200,.18), rgba(60,110,200,.14)); border: 1px solid rgba(124,80,200,.35); }
.ev-banner-cal { font-size: 20px; }
.ev-banner-body { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.ev-banner-title { font-weight: 700; text-decoration: none; }
.ev-banner-link { margin-left: auto; font-size: 12px; white-space: nowrap; }

/* countdown pill */
.ev-countdown { font-size: 12px; font-weight: 700; color: #7c50c8; }
.ev-countdown.live { color: #c0392b; }
.ev-countdown.ended { color: #888; font-weight: 400; }
.ev-countdown-big { font-size: 15px; }

/* list */
.ev-list-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ev-card { display: flex; align-items: center; gap: 14px; padding: 11px 14px; margin: 9px 0; border: 1px solid rgba(127,127,127,.25); border-radius: 6px; text-decoration: none; color: inherit; transition: background .12s, border-color .12s; }
.ev-card:hover { background: rgba(124,80,200,.08); border-color: rgba(124,80,200,.4); }
.ev-card.past { opacity: .6; }
.ev-when { display: flex; flex-direction: column; gap: 2px; min-width: 150px; flex: 0 0 auto; }
.ev-time, .ev-time-big { font-size: 13px; font-weight: 600; }
.ev-card-main { display: flex; flex-direction: column; min-width: 0; }
.ev-card-title { font-size: 15px; font-weight: 700; }
.ev-card-meta { font-size: 12px; opacity: .8; }

/* detail */
.ev-meta-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 2px 0 4px; }
.ev-time-big { font-size: 17px; }
.ev-host { margin: 2px 0 12px; }
.ev-where { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
.ev-desc { margin: 4px 0 18px; padding: 12px 14px; background: rgba(127,127,127,.07); border-left: 3px solid rgba(124,80,200,.5); border-radius: 4px; overflow-wrap: anywhere; }
.ev-rsvp { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 6px 0 18px; }
.ev-rsvp-q { font-weight: 700; }
.ev-rsvp-form { display: inline; }
.ev-rsvp-btn.on { background: #7c50c8; color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); }
.ev-att { display: flex; gap: 24px; flex-wrap: wrap; }
.ev-att-col { min-width: 160px; }
.ev-att-col h4 { margin: 0 0 6px; }
.ev-att-name { display: inline-block; margin: 0 8px 4px 0; font-size: 13px; }
.ev-manage { margin-top: 20px; padding-top: 12px; border-top: 1px solid rgba(127,127,127,.2); display: flex; gap: 8px; }
.ev-inline { display: flex; align-items: center; gap: 6px; }