#calendarSection .calendar-weekdays,#calendarSection .calendar-grid{grid-template-columns:minmax(180px,1.5fr) repeat(7,minmax(95px,1fr));min-width:845px}
#calendarSection .calendar-weekdays .weekly-note-heading{color:var(--navy);background:#f1f5fb}
#calendarSection .calendar-day:nth-child(7n+1){border-left:0}
.calendar-week-note{min-width:0;padding:8px;background:#f7f9fd;border:1px solid #e5ebf1;border-top:0}
.calendar-week-note .weekly-note-range{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.weekly-note-card{margin:0 0 7px;padding:8px;background:white;border:1px solid #dce4ee;border-radius:6px}
.weekly-note-card p{margin:0 0 5px;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--navy)}
.weekly-note-card small{font-size:10px;color:var(--muted)}
.weekly-note-card .btn{float:right;padding:2px 5px;font-size:10px}
.weekly-note-add{width:100%;min-height:32px;font-size:11px}
.weekly-note-empty{font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0}
#weeklyNotesStatus{font-size:11px;color:var(--muted);padding:0 20px;margin:8px 0}
#weeklyNoteDialog .modal{width:min(480px,100%)}
#weeklyNoteDialog textarea{width:100%;min-height:110px;resize:vertical;line-height:1.6}
#weeklyNoteDialog label{display:block;margin:12px 0 5px;font-weight:700}
#weeklyNoteError{color:var(--red);white-space:pre-wrap}
#weeklyNoteRange{color:var(--muted);font-size:12px}
#weeklyNoteDialog .modal-foot{gap:8px;flex-wrap:wrap}
@media(max-width:720px){#calendarSection .calendar-weekdays,#calendarSection .calendar-grid{grid-template-columns:150px repeat(7,minmax(95px,1fr));min-width:815px}.calendar-week-note,.weekly-note-heading{position:sticky;left:0;z-index:1;box-shadow:2px 0 5px #1728420a}.calendar-week-note{padding:6px}.weekly-note-card{padding:6px}#weeklyNotesStatus{padding:0 12px}}