/* v0.5.9: visible schedule actions and type-specific appointment colors. */
[data-action="session"].button:not(.pictogram-button),
[data-action="cancel-requests"].button:not(.pictogram-button),
[data-action="booking-settings"].button:not(.pictogram-button){width:auto;min-width:0;height:auto;min-height:42px;padding:10px 18px;flex:0 1 auto;white-space:normal}

.calendar-event.session-type-personal,
.calendar-event.session-type-personal_training{background:#eaf5ef;border-left-color:#8bc5a7}
.calendar-event.session-type-personal .pill-type,
.calendar-event.session-type-personal_training .pill-type{background:#dcefe5;border-color:#c9e5d7;color:#3e7057}

.calendar-event.session-type-consultation{background:#fff4df;border-left-color:#e1ad51}
.calendar-event.session-type-consultation .pill-type{background:#fbe7bf;border-color:#efd397;color:#8a641f}

.calendar-event.session-type-class{background:#f1eafa;border-left-color:#9d78c4}
.calendar-event.session-type-class .pill-type{background:#e5d7f4;border-color:#d6c0eb;color:#69498b}

.calendar-event.session-type-online{background:#e7f2fc;border-left-color:#659ed0}
.calendar-event.session-type-online .pill-type{background:#d4e8f8;border-color:#bbdaef;color:#356e9e}

.calendar-event.session-type-block{background:#eff1f3;border-left-color:#858e97}
.calendar-event.session-type-block .pill-type{background:#e1e5e8;border-color:#d2d7dc;color:#59636d}

.calendar-event.session-type-assessment{background:#fcebea;border-left-color:#cf746e}
.calendar-event.session-type-assessment .pill-type{background:#f6d8d5;border-color:#edc1bd;color:#944a45}

.calendar-event.session-type-group{background:#e5f5f3;border-left-color:#52a99e}
.calendar-event.session-type-group .pill-type{background:#d0ebe7;border-color:#b8dfda;color:#32756d}

@media(max-width:900px){
 [data-action="session"].button:not(.pictogram-button),
 [data-action="cancel-requests"].button:not(.pictogram-button),
 [data-action="booking-settings"].button:not(.pictogram-button){width:100%;justify-content:center;min-height:46px}
 .page-top [data-action="session"].button:not(.pictogram-button){width:auto;align-self:flex-start}
 /* v0.7.4: keep the + Session button and the three-dot menu on the Schedule
    title row (right side) instead of stacking below the heading on mobile. */
 .page-top:has(+ .schedule-toolbar){flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}
 .page-top:has(+ .schedule-toolbar)>div:first-child{flex:1 1 auto;min-width:0}
 .page-top:has(+ .schedule-toolbar)>.actions{flex:0 0 auto;width:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px}
 .page-top:has(+ .schedule-toolbar)>.actions .button{width:auto;min-height:40px}
}