Remove calendar month grid padding and fix outline color for theme support

[Copilot]

Tightens calendar visual density by eliminating padding around the month grid and improves accessibility by fixing the current day outline to support both light and dark themes.

Changes

• Month grid padding: 12px → 0 (removed entirely)
• Current day outline color: #3A2F36 → var(--mud-palette-text-primary) (theme-aware)

Modified CalendarMonth.razor.css:

::deep .calendar-month-grid {
  padding: 0;  /* was 12px */
}

::deep .calendar-day-current {
  outline: 2px dashed var(--mud-palette-text-primary);  /* was #3A2F36 */
}

The outline now uses a CSS variable that adapts to the current theme, ensuring visibility in both light and dark modes.

Original prompt

Calendar UI tweaks: Reduce the gap/margin around each square by half and remove the inner month card padding entirely

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[danielchalmers]

@copilot Keep the zero padding but put the margin back to 2px. Fix the outline color so it uses var(--mud-palette-text-primary) which means it will be visible on both dark and light modes

[Copilot]

@copilot Keep the zero padding but put the margin back to 2px. Fix the outline color so it uses var(--mud-palette-text-primary) which means it will be visible on both dark and light modes

Done in a281c97. The padding remains at 0, margin is back to 2px, and the outline now uses var(--mud-palette-text-primary) for proper visibility in both light and dark modes.