* { box-sizing: border-box; }

.grid-wrapper { user-select: none; -webkit-user-select: none; }

/* Smooth cell transitions */
[data-slot] { transition: background-color 0.05s; }

/* Calendar grid */
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(2rem, 1fr));
  gap: 2px;
}
.day-cell {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.875rem;
  cursor: pointer;
  min-width: 2rem;
  min-height: 2rem;
}
.day-cell:hover:not(.disabled) { background-color: #e0e7ff; }
.day-cell.disabled { color: #cbd5e1; cursor: default; pointer-events: none; }
.day-cell.selected { background-color: #4f46e5; color: white; }
.day-cell.today { box-shadow: 0 0 0 2px #818cf8; }