.calendar-grid .cal-day.outside{background:#e4e9e326!important}
.calendar-grid .cal-day.outside .day-number{color:#a4aca5;font-weight:400}
.calendar-grid .cal-day.today .day-number{color:white}
.month-agenda-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px}
.month-agenda-head>span{min-width:0;white-space:nowrap}
.month-pagination{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
.month-pagination .icon-btn{width:27px;height:28px;font-size:20px;padding:0}
.month-pagination select{padding:5px 8px;max-width:100px;border:1px solid #9cae9c55;border-radius:5px;background:#f4f7f1a8;color:#526d59;font:11px var(--mono)}
.month-pagination button:disabled{opacity:.3;cursor:default}
@media(max-width:480px){.month-agenda-head{padding:12px 10px!important;font-size:9px}.month-pagination{gap:1px}.month-pagination select{font-size:10px;padding:4px}.month-pagination .icon-btn{width:22px}}