.calendar-viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.calendar-view-switch{display:flex;gap:5px;padding:4px;border-radius:10px;background:#e9eeee}
.calendar-view-switch button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#63757b;font-weight:850;cursor:pointer}
.calendar-view-switch button.active{background:#fff;color:#07506f;box-shadow:0 3px 10px #073d5918}
.calendar-layout[data-view="list"]{grid-template-columns:1fr}.calendar-layout[data-view="list"] .month-card{display:none}.calendar-layout[data-view="list"] .event-side{max-height:none}
.calendar-layout[data-view="month"]{grid-template-columns:minmax(0,1fr)}.calendar-layout[data-view="month"] .event-side{display:none}
@media(max-width:700px){.calendar-viewbar{align-items:flex-start;flex-direction:column}.calendar-view-switch{width:100%}.calendar-view-switch button{flex:1}}