/* These colors belong to Mon calendrier; the availability editor stays separate. */
.planning-calendar{--calendar-weekday:#e5eff8;--calendar-weekend:#c9dded;--calendar-header:#aac9df;--calendar-selected:#234f78;--calendar-today:#cf4141;--calendar-ink:#173b59;background:transparent;border:0;padding:0;border-radius:12px;overflow:hidden}
.wide .planning-calendar{padding:0}
.calendar-current-date{margin:0 0 16px;text-align:center;font-size:.95rem;color:#173b59;line-height:1.6}
.calendar-current-date time{display:inline;white-space:normal}
.calendar-today-number{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;width:26px;height:26px;margin:0 2px;border-radius:50%;background:#cf4141;color:white;font-weight:700}
.planning-calendar .week{background:var(--calendar-header);border-radius:12px 12px 0 0;gap:2px;margin-bottom:2px}
.planning-calendar .week span{color:var(--calendar-ink);font-size:.78rem;font-weight:600;padding:10px 0}
.planning-calendar .days{gap:2px}
.planning-calendar .day{display:grid;grid-template-rows:22px 34px;align-content:start;justify-items:center;gap:2px;margin:0;padding:4px 2px;min-height:68px;border:0;border-radius:6px;background:var(--calendar-weekday);color:var(--calendar-ink);font-size:.95rem;outline:0!important;box-shadow:none!important}
.planning-calendar .day.weekend{background:var(--calendar-weekend)}
.planning-calendar .day.selected{background:var(--calendar-selected);color:white}
.planning-calendar .day.today,.planning-calendar .day.today.selected{box-shadow:none!important}
.planning-calendar .day:after{content:none!important}
.planning-calendar .calendar-day-number{display:flex;align-items:center;justify-content:center;justify-self:start;width:22px;height:22px;border-radius:50%;font-weight:600}
.planning-calendar .day.today .calendar-day-number{background:var(--calendar-today);color:white;font-weight:750}
.planning-calendar .calendar-task-types{display:grid;grid-template-columns:repeat(2,16px);grid-auto-rows:16px;gap:2px;align-content:start;justify-content:center;min-width:0;pointer-events:none}
.planning-calendar .calendar-type-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;color:#245b52}
.planning-calendar .calendar-type-icon svg{display:block;width:15px;height:15px}
.planning-calendar .day.selected .calendar-type-icon{background:#fff}
.planning-calendar .day.drop-target{outline:3px solid #2871a5!important;outline-offset:-3px}
.planning-calendar .day:focus-visible{outline:3px solid #173b59!important;outline-offset:-3px}
.planning-calendar .calendar-completed-mark{top:4px;right:1px;border-radius:3px}
.planning-calendar .calendar-completed-mark svg{width:10px;height:10px}
.planning-calendar .calendar-empty-day{background:transparent}
@media(max-width:360px){.planning-calendar .week span{font-size:.7rem}.planning-calendar .day{font-size:.875rem}.planning-calendar .calendar-task-types{grid-template-columns:repeat(2,14px);grid-auto-rows:14px;gap:1px}.planning-calendar .calendar-type-icon{width:14px;height:14px}.planning-calendar .calendar-type-icon svg{width:13px;height:13px}}
@media(min-width:736px){.planning-calendar .day{grid-template-rows:26px 40px;min-height:84px}.planning-calendar .calendar-task-types{grid-template-columns:repeat(2,19px);grid-auto-rows:19px}.planning-calendar .calendar-type-icon{width:19px;height:19px}.planning-calendar .calendar-type-icon svg{width:18px;height:18px}}