/* v0.22.4 Events: presentation and local list filters only. No changes to RPC, push, or scheduled reminders. */
.v224-events{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}
.v224-events .v224-event-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border-radius:15px;background:#191223;border:1px solid rgba(182,136,225,.17)}
.v224-events .v224-event-filters button{min-height:44px;background:transparent;color:#b9a8ce;border:0;border-radius:11px;font-weight:700;font-size:12px;cursor:pointer}
.v224-events .v224-event-filters button.selected{background:linear-gradient(135deg,#6e38a2,#492872);box-shadow:0 4px 14px rgba(0,0,0,.22);color:#fff}
.v224-events .v224-event-group[hidden]{display:none!important}
.v224-events .v224-event-group{display:flex;flex-direction:column;gap:10px}
.v224-events .section{padding-top:15px;display:flex;align-items:center;gap:8px;justify-content:space-between}
.v224-events .section h2{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin:0}
.v224-events .v224-event-card{padding:0;overflow:hidden;display:block;text-align:left;border-radius:17px;background:linear-gradient(128deg,#23192f 0%,#16101f 100%);border:1px solid rgba(185,139,236,.23);box-shadow:0 9px 24px rgba(0,0,0,.17);transition:transform .16s ease,border-color .16s ease}
.v224-events .v224-event-card:active{transform:scale(.99)}
.v224-events .v224-eventline{display:flex;align-items:center;gap:14px;padding:15px 13px;min-height:100px}
.v224-events .event-date{flex:0 0 59px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#302043;border:1px solid rgba(195,151,241,.23);color:#e5c8ff}
.v224-events .event-date strong{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.v224-events .event-date span{font-size:11px;font-weight:700;letter-spacing:.09em}
.v224-events .v224-eventline .grow{min-width:0;display:flex;flex-direction:column;gap:5px}
.v224-events .v224-event-type{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#b988ed}
.v224-events .v224-eventline .grow>strong{font-size:15px;line-height:1.25;color:#f5efff}
.v224-events .v224-eventline small{font-size:12px;line-height:1.3;color:#b9aacb}
.v224-events .chevron{font-size:23px;color:#b98deb}
.v224-events .external{min-height:44px;display:inline-flex;align-items:center}
.event-operations{border-radius:16px;background:linear-gradient(145deg,#291c36,#171120);border:1px solid rgba(183,134,232,.22);padding:14px}
.event-operations .response-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}
.event-operations .response-summary>div{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;padding:12px 3px;background:rgba(132,75,194,.12);border-radius:11px}
.event-operations .response-summary strong{font-size:22px;font-variant-numeric:tabular-nums;color:#f7efff}
.event-operations .response-summary span{font-size:10px;color:#c5b2d6}
.event-operations .response-progress{overflow:hidden;border-radius:7px}
.signup-actions{display:flex;flex-wrap:wrap;gap:9px}
.signup-actions .button{flex:1;min-height:46px}
.response-roster-row{min-height:58px}
.v224-events button:focus-visible,.signup-actions button:focus-visible{outline:2px solid #d4a5ff;outline-offset:2px}
@media(max-width:355px){.v224-events .v224-eventline{gap:10px;padding:11px}.v224-events .event-date{flex-basis:49px}}
@media(prefers-reduced-motion:reduce){.v224-events .v224-event-card{transition:none!important}}