.calendar-layout{display:grid;grid-template-columns:minmax(370px,1fr) minmax(320px,1fr);gap:22px;align-items:start}
.calendar-heading{gap:12px;flex-wrap:wrap}.calendar-heading h2{text-transform:capitalize}.calendar-controls{display:flex;gap:7px}.calendar-controls .small-button{padding:8px 11px}
.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0 22px}.calendar-week{padding:8px 0 12px;color:var(--muted);text-align:center;font-size:11px}.calendar-grid{padding-bottom:16px}
.calendar-day{position:relative;min-height:58px;border:1px solid transparent;border-radius:8px;background:#f6f8fa;color:var(--ink);font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px}.calendar-day:hover{border-color:#9aaeb9;background:#edf2f4}.calendar-day.has-deadlines{color:#a42e32;background:#fff0ef;font-weight:650}.calendar-day small{display:grid;place-items:center;min-width:17px;height:17px;background:#b44640;color:white;border-radius:50%;font-size:10px}.calendar-day.is-today{box-shadow:inset 0 0 0 1px #22776b}.calendar-day.selected{border:2px solid #22776b;box-shadow:0 0 0 2px #e6f0ed}.calendar-day.selected:after{content:'';position:absolute;width:4px;height:4px;background:#22776b;border-radius:50%;bottom:5px}
.calendar-legend{display:flex;align-items:center;gap:8px;margin:2px 22px 16px;color:var(--muted);font-size:11px;line-height:1.7}.calendar-dot{flex:0 0 7px;height:7px;background:#b44640;border-radius:50%}.calendar-bottom{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid var(--line)}.calendar-bottom [aria-pressed=true]{font-weight:650;color:var(--teal)}.calendar-scope{padding:0 22px 20px;font-size:11px;line-height:1.8;color:var(--muted)}.calendar-agenda .panel-heading h2{line-height:1.8}.calendar-agenda .count-badge{margin-left:8px}.calendar-agenda .empty{line-height:1.8}
@media(max-width:1200px){.calendar-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.calendar-week,.calendar-grid{margin:0 12px;gap:4px}.calendar-day{min-height:43px;font-size:12px;gap:2px}.calendar-day small{font-size:8px;min-width:14px;height:14px}.calendar-heading{padding-left:16px;padding-right:16px}.calendar-legend,.calendar-scope{font-size:10px}.calendar-controls .small-button{padding:7px 10px}}