/* Adjacent months recede as a surface, never by fading their events or controls. */
html[data-theme] #calendarGrid[data-range-mode="month"] {
 --calendar-month-surface:var(--surface,#fff);
 --calendar-adjacent-surface:#e0e7db;
 --calendar-adjacent-hover:#d5e0ce;
 --calendar-adjacent-ink:#344b38;
 --calendar-adjacent-secondary:#4d624d;
 --calendar-adjacent-event:#f1f5ed;
}
html[data-theme="dark"] #calendarGrid[data-range-mode="month"] {
 --calendar-month-surface:#242a21;
 --calendar-adjacent-surface:#121810;
 --calendar-adjacent-hover:#1b2418;
 --calendar-adjacent-ink:#d5dfce;
 --calendar-adjacent-secondary:#b4c0ac;
 --calendar-adjacent-event:#283122;
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.calendar-day {
 background:var(--calendar-month-surface);
 opacity:1;
 color:var(--text);
 min-height:108px;
 transition:background-color 160ms ease-out;
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.calendar-day-muted {
 background:var(--calendar-adjacent-surface);
 color:var(--calendar-adjacent-ink);
}
@media(hover:hover) and (pointer:fine) {
 html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.calendar-day-muted:hover {
  background:var(--calendar-adjacent-hover);
 }
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.studio-day-selected:not(.calendar-day-muted) {
 background:var(--accent-soft);
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-number {
 width:auto;
 min-width:30px;
 min-height:30px;
 margin-bottom:8px;
 padding:4px 6px;
 white-space:nowrap;
 font-variant-numeric:tabular-nums;
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-muted .calendar-day-number {
 color:var(--calendar-adjacent-ink);
 font-weight:550;
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-muted .calendar-compact-event {
 background:var(--calendar-adjacent-event);
 color:var(--calendar-adjacent-ink);
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-muted :is(.calendar-compact-event time,.calendar-more) {
 color:var(--calendar-adjacent-secondary);
}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-number:focus-visible {
 outline:2px solid var(--accent-text,var(--accent));
 outline-offset:2px;
}
@media(max-width:680px) {
 html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.calendar-day {min-height:96px;padding:5px}
 html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"] .calendar-day-number {padding:3px;min-height:30px;font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme] body.workspace-redesign.studio87 #calendarGrid[data-range-mode="month"]>.calendar-day {transition:none}
}

/* One account is one visual group, throughout month and day views. */
.calendar101-avatar{display:inline-grid;place-items:center;position:relative;flex:none;width:28px;height:28px;overflow:hidden;border-radius:50%;background:var(--accent-soft);color:var(--text);font-size:10px;font-weight:650}
.calendar101-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-theme] body.workspace-redesign.studio87 #calendarGrid .calendar101-month-account{display:flex;align-items:center;gap:5px;width:100%;min-width:0;min-height:32px;padding:4px;border:0;border-radius:6px;background:var(--surface-raised,var(--surface));color:var(--text);font:inherit;font-size:11px;text-align:left}
.calendar101-month-account .calendar101-avatar{width:20px;height:20px;font-size:8px}
.calendar101-month-account>span:not(.calendar101-avatar){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar101-month-account>b{font-variant-numeric:tabular-nums}
.calendar101-account-group{min-width:0;margin-bottom:24px}
.calendar101-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.calendar101-account-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.calendar101-account-heading b{font-size:15px;overflow-wrap:anywhere}
.calendar101-account-heading small,.calendar101-source{font-size:12px;color:var(--text-secondary)}
html[data-theme] body.workspace-redesign .calendar-day-window .calendar101-source{grid-column:2/-1;grid-row:4;overflow-wrap:anywhere}
html[data-theme] body.workspace-redesign .calendar-day-window .studio-day-preview:has(.calendar101-thumbnail){padding:0;overflow:hidden}
.calendar101-thumbnail{width:100%;height:100%;object-fit:cover}
.studio-day-preview:has(.calendar101-thumbnail)>svg{display:none}
@media(max-width:680px){.calendar101-month-account .calendar101-avatar{display:none}.calendar101-account-heading{gap:6px}.calendar101-account-heading .button{padding-inline:7px;font-size:12px}.calendar101-account-heading small{flex-basis:100%;margin-left:36px}}