/* ConventionConnect 21.3.2 — MyConnect volunteer shift calendar cleanup */
.volunteer-calendar-page .volunteer-shell{max-width:1180px}
.volunteer-calendar-page .volunteer-hero{margin-bottom:22px}
.volunteer-calendar-page .calendar-toolbar{margin-top:0;padding:20px 22px;align-items:end}
.volunteer-calendar-page .calendar-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;flex:1}
.volunteer-calendar-page .calendar-toolbar select{width:100%;min-width:0}
.volunteer-calendar-page .calendar-open-only{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 4px 3px;white-space:nowrap}
.volunteer-calendar-page .calendar-open-only input{width:20px;height:20px;accent-color:#174f91}
.volunteer-calendar-page .shift-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.volunteer-calendar-page .shift-calendar-card{min-height:300px;padding:21px;border:1px solid #d4e0ed;border-top-width:5px}
.volunteer-calendar-page .shift-calendar-card.state-needed{border-top-color:#d85040;box-shadow:0 12px 30px rgba(216,80,64,.10)}
.volunteer-calendar-page .shift-calendar-card.state-nearly{border-top-color:#d79b25}
.volunteer-calendar-page .shift-calendar-card.state-full{opacity:.68;filter:saturate(.7)}
.volunteer-calendar-page .shift-calendar-card.state-full:hover{opacity:.88}
.volunteer-calendar-page .shift-card-top{align-items:flex-start}
.volunteer-calendar-page .shift-department{margin:0;color:#174f91;font-size:.76rem}
.volunteer-calendar-page .shift-status{max-width:150px;text-align:center;line-height:1.25}
.volunteer-calendar-page .shift-calendar-card h3{font-size:1.28rem;margin:10px 0 12px}
.volunteer-calendar-page .shift-facts{display:grid;gap:7px;color:#4e6074;font-size:.94rem;line-height:1.4}
.volunteer-calendar-page .shift-description{margin:14px 0;color:#45586d;line-height:1.5}
.volunteer-calendar-page .shift-progress{margin-top:auto;padding-top:14px}
.volunteer-calendar-page .shift-card-actions{padding-top:16px}
.volunteer-calendar-page .shift-select-button{flex:1;min-height:44px;background:linear-gradient(90deg,#174f91,#0d63bd)}
.volunteer-calendar-page .shift-calendar-add{min-height:44px}
@media(max-width:900px){.volunteer-calendar-page .calendar-filter-grid{grid-template-columns:1fr 1fr}.volunteer-calendar-page .shift-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.volunteer-calendar-page .calendar-filter-grid,.volunteer-calendar-page .shift-card-grid{grid-template-columns:1fr}.volunteer-calendar-page .calendar-toolbar{align-items:stretch}.volunteer-calendar-page .calendar-open-only{padding-top:4px}.volunteer-calendar-page .shift-calendar-card{min-height:0}}
.volunteer-calendar-page.is-embedded .volunteer-shell{max-width:none;padding-top:0}
.volunteer-calendar-page.is-embedded .calendar-toolbar{margin-top:0}
.volunteer-calendar-page .shift-card-actions{display:flex;align-items:center;gap:10px}

/* 21.3.4 UX consistency */
.shift-day-count{min-width:104px;text-align:center}.calendar-legend [hidden]{display:none!important}.shift-calendar-card[hidden],.shift-day-section[hidden]{display:none!important}.shift-progress small{font-weight:800;color:#46627e}.shift-status{white-space:nowrap}.calendar-legend:empty{display:none}.shift-card-actions .shift-select-button{min-width:150px;text-align:center}