.create-card-body.vp-body {
  align-items: stretch;
  justify-content: stretch;
  padding: 1.25rem;
}

.vp-card.selected {
  border-color: rgba(var(--primary-color-rgb), 0.45);
  box-shadow: 0 0 0 1px rgba(var(--primary-color-rgb), 0.15);
  background: rgba(var(--primary-color-rgb), 0.03);
}

.vp-card.selected .vp-check {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.vp-card.selected .vp-check-icon {
  opacity: 1;
  transform: scale(1);
}

.vp-card.selected .vp-bar {
  background: var(--primary-color);
}

.vp-cal-cell.active {
  background: rgba(var(--black-color-rgb), 0.06);
  border: 1px solid rgba(var(--black-color-rgb), 0.1);
  border-radius: 3px;
  color: var(--color-gray-400);
}

.vp-card.selected .vp-cal-cell.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--black-color);
  font-weight: 700;
  box-shadow: 0 0 8px rgba(var(--primary-color-rgb), 0.3);
}

.vp-card-title {
  font-size: var(--st-section);
  font-weight: 600;
  color: var(--text-color);
  letter-spacing: -0.02em;
  margin-bottom: 0.25rem;
}

.vp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.vp-card.selected .vp-tag {
  color: var(--color-gray-400);
  border-color: rgba(var(--primary-color-rgb), 0.12);
  background: rgba(var(--primary-color-rgb), 0.04);
}