.calendar-detail-layer{position:fixed;inset:0;z-index:70;display:flex;justify-content:flex-end;isolation:isolate}
.calendar-detail-backdrop{position:absolute;inset:0;background:#240d246b;backdrop-filter:blur(3px)}
.calendar-detail-drawer{position:relative;display:flex;flex-direction:column;width:min(550px,100%);height:100dvh;background:#fff;box-shadow:-12px 0 50px #210b2426;overflow:hidden;animation:course-panel-in .18s ease-out}
.calendar-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:30px 28px 23px;border-bottom:1px solid var(--line);background:#fffafd;flex-shrink:0}
.calendar-detail-heading .eyebrow{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:9px}
.calendar-detail-heading h2{font-size:24px;letter-spacing:-.7px;text-transform:capitalize;line-height:1.2}
.calendar-detail-heading p{font-size:12px;margin-top:9px;color:var(--muted)}
.calendar-detail-heading .icon-button{flex-shrink:0}
.calendar-detail-body{overflow:auto;overscroll-behavior:contain;padding:26px 28px 40px;min-height:0;flex:1}
.calendar-detail-body .agenda-event{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:16px}
.calendar-detail-body .event-main{min-width:150px;flex:1}
.calendar-detail-body .event-side{flex-basis:100%;align-items:flex-start;margin-left:0}
.calendar-detail-body .agenda-replacement-panel{padding:0 16px 16px}
.calendar-detail-body .form-grid{grid-template-columns:1fr}
.calendar-detail-body .coach-replacement{margin-top:17px}
.calendar-detail-body input,.calendar-detail-body select,.calendar-detail-body textarea{max-width:100%}
.agenda-detail-open{overflow:hidden}
.calendar-period-controls>[data-action="calendar-today"]{background:var(--pink-light);border-color:#f4c4df;color:var(--pink-dark);font-weight:750}
@keyframes course-panel-in{from{transform:translateX(24px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(max-width:700px){.calendar-detail-drawer{width:100%;border-radius:0}.calendar-detail-heading{padding:23px 20px 20px}.calendar-detail-heading h2{font-size:23px}.calendar-detail-body{padding:22px 20px 32px}.calendar-detail-heading .icon-button{min-width:42px;min-height:42px}.calendar-view-controls input{font-size:12px}.calendar-view-controls .segmented button{min-height:35px;font-size:11px}.calendar-period-controls>.button{min-height:36px;font-size:11px}.calendar-period-arrows .icon-button{width:35px;height:36px}.calendar-time-scroll{max-height:62dvh}.calendar-event>strong{font-size:12px}.calendar-event-time{font-size:11px}.calendar-event-coach{font-size:10px}.calendar-event-status{font-size:9px}.calendar-day-heading{min-height:55px}.calendar-hour-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.calendar-detail-drawer{animation:none}}