/* Presentation only. State colors remain supplied by the existing CSS and day169 variables. */
.calendar-card{container-type:inline-size}
.calendar-card .calendar-month178,.calendar-main178,.calendar-selected178,.admin-calendar-main178{border:1px solid #c9dfe4;border-radius:12px;background:#fcfefd;padding:12px;min-width:0;box-sizing:border-box}
.calendar-card .calendar-month178{margin:0 0 12px}
.calendar-month178 h3{flex:1;min-width:0}
.calendar-month178 button{flex:none}
.calendar-main178{margin-bottom:12px}
.calendar-selected178 .selected-date{margin:0 0 12px}
.calendar-selected178 .note{margin-bottom:0}
.calendar-weekdays{font-size:14px;line-height:1.3}
.weekday-short178{display:none}
.calendar-main178 .calendar-day .day-status{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}
.calendar-selected178 #slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(115px,100%),1fr));gap:6px;max-width:478px;margin:0}
.calendar-selected178 #slots button{width:100%;min-width:0;min-height:36px;height:auto;margin:0;padding:6px;border-radius:6px;font-size:13px;font-weight:400;line-height:1.3;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
.admin-calendar-main178{margin:12px 0 18px;container-type:inline-size}
.admin-calendar-main178 #adminCalendar{margin:8px 0 0;min-width:0}
.admin-weekdays178{display:none}
.admin-calendar-main178:has(#adminCalendar.month) .admin-weekdays178{display:grid}
.admin-calendar-main178:has(#adminCalendar[hidden]){display:none}
.admin-calendar-main178 #adminCalendar.month{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}
.admin-calendar-main178 .admin-day .admin-slot{font-size:13px;font-weight:400;line-height:1.3;min-height:36px;padding:6px 4px;margin:6px 0;border-radius:6px;white-space:normal;overflow-wrap:anywhere}
.admin-calendar-main178 #adminCalendar.single .admin-slot,.admin-calendar-main178 #adminCalendar.compact .admin-slot{display:inline-block;vertical-align:top;width:calc(50% - 6px);max-width:170px;margin-right:6px}
.admin-calendar-main178 #adminCalendar.single .admin-slot{width:calc(25% - 6px)}
.admin-calendar-main178 #adminCalendar.month .dayhead{font-size:18px;text-decoration:none}
.admin-calendar-main178 .admin-area-caption144{overflow-wrap:anywhere}
.day-manage-dialog{border:1px solid #c9dfe4;border-radius:12px}
.day-manage-dialog .day-manage-date{border-bottom:1px solid #c9dfe4;padding-bottom:10px}
.day-manage-dialog .day-manage-row button{min-height:36px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:400;white-space:normal}
@container(max-width:660px){.calendar-weekdays .weekday-full178{display:none}.calendar-weekdays .weekday-short178{display:inline}}
@container(max-width:440px){
 .calendar-main178{padding:8px}
 .admin-calendar-main178 #adminCalendar.month{gap:3px}
 .admin-calendar-main178 #adminCalendar.month .admin-day{padding:4px 2px}
 .admin-calendar-main178 #adminCalendar.month .admin-slot{font-size:10px;padding:4px 1px}
 .admin-calendar-main178 #adminCalendar.month .admin-area-caption144{font-size:10px;padding:3px 1px}
 .admin-calendar-main178 #adminCalendar.single .admin-slot{width:calc(50% - 6px)}
}
@media(max-width:720px){.calendar-weekdays .weekday-full178{display:none}.calendar-weekdays .weekday-short178{display:inline}.admin-calendar-main178{padding:8px}}