.member-agenda [hidden]{display:none!important}.member-agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.member-agenda-periods{display:flex;gap:8px}.member-agenda-periods button{background:white;color:#596078;border:1px solid #dde1ee;font-size:12px;min-height:44px}.member-agenda-periods button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.member-agenda-type{display:flex;align-items:center;gap:12px;margin:0;font-size:11px;color:#626a83}.member-agenda-type select{width:180px;background:white;min-height:44px}.member-timeline{list-style:none;position:relative;margin:0;padding:0 0 0 30px}.member-timeline:before{content:'';position:absolute;left:7px;top:15px;bottom:45px;width:2px;background:#dcddec}.member-timeline-item{position:relative;padding-bottom:18px}.member-timeline-item:before{content:'';position:absolute;top:39px;left:-29px;width:14px;height:14px;border:4px solid var(--bg);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px #d4d6e7}.member-timeline-item:has(.member-agenda-month):before{top:96px}.member-agenda-month{font-size:13px;font-weight:650;letter-spacing:.5px;text-transform:capitalize;color:#606682;padding:15px 0 22px;margin:0;line-height:20px}.member-agenda-card{display:flex;align-items:center;gap:24px;border:1px solid var(--border);background:#fff;border-radius:17px;padding:25px}.member-agenda-date{background:#efedff;color:#5652af;min-width:74px;max-width:74px;min-height:87px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:10px 6px}.member-agenda-date b{font-size:30px;line-height:1;letter-spacing:-1px}.member-agenda-date span{font-size:10px;text-transform:uppercase;line-height:1.4}.member-agenda-copy{flex:1;min-width:0;overflow-wrap:anywhere}.member-agenda-tags{display:flex;gap:7px;flex-wrap:wrap}.member-agenda-copy h3{font-size:19px;line-height:1.35;margin:12px 0 9px}.member-agenda-copy p{font-size:12px;line-height:1.7;margin:0;color:#626b82}.member-agenda-attendance{font-size:11px;color:#6a7288;margin-top:10px}.member-agenda-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.member-agenda-actions button{font-size:11px;min-height:44px;white-space:nowrap}.member-agenda-card.is-cancelled{background:#fdfbfc;border-style:dashed}.is-cancelled .member-agenda-date{background:#f4edf0;color:#7c6470}.member-agenda-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin:15px 0 0}.member-agenda-more button{min-height:46px;border-color:#c8cde0;font-size:12px}.member-agenda-more span{font-size:11px;color:#677087}
@media(max-width:1000px){.member-agenda-card{gap:17px;padding:20px;flex-wrap:wrap}.member-agenda-copy{flex-basis:calc(100% - 92px)}.member-agenda-actions{flex-direction:row;margin-left:91px}.member-agenda-toolbar{flex-wrap:wrap}.member-agenda-type{margin-left:auto}}
@media(max-width:650px){.member-agenda-toolbar{margin:22px 0;gap:16px}.member-agenda-periods{width:100%;gap:8px}.member-agenda-periods button{font-size:11px;flex:1;padding:12px}.member-agenda-type{width:100%;justify-content:space-between}.member-agenda-type select{width:62%;font-size:12px}.member-timeline{padding-left:22px}.member-timeline:before{left:4px}.member-timeline-item:before{left:-24px;top:32px;width:13px;height:13px}.member-timeline-item:has(.member-agenda-month):before{top:89px}.member-agenda-card{padding:17px 13px;gap:12px;border-radius:13px}.member-agenda-date{min-width:51px;max-width:51px;min-height:68px;align-self:flex-start}.member-agenda-date b{font-size:25px}.member-agenda-date span{font-size:9px}.member-agenda-copy{flex-basis:calc(100% - 64px)}.member-agenda-copy h3{font-size:15px;margin:10px 0 8px}.member-agenda-copy p{font-size:11px}.member-agenda-copy p>span{display:block;font-size:0;height:2px}.member-agenda-tags .chip{font-size:9px;padding:5px 7px}.member-agenda-attendance{font-size:10px}.member-agenda-actions{margin-left:63px;flex-wrap:wrap;gap:7px}.member-agenda-actions button{font-size:10px;padding:11px 12px}.member-agenda-month{font-size:12px}.member-agenda-more button{max-width:100%;font-size:11px}}
