.member-events {
  background: var(--tk-gray-50, #f8f9fa);
}

/* Header */
.member-events__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--tk-space-3, 12px);
}

.member-events__header-left {
  display: flex;
  align-items: center;
  gap: var(--tk-space-4, 16px);
}

.member-events__icon-circle {
  width: 56px;
  height: 56px;
  border-radius: var(--tk-radius-full, 9999px);
  background: linear-gradient(135deg, var(--tk-blue, var(--tk-blue)), var(--tk-blue-dark, #3ba6cc));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.member-events__title {
  font-size: var(--tk-font-size-2xl, 1.5rem);
  font-weight: var(--tk-font-weight-bold, 700);
  color: var(--tk-gray-800, #343a40);
  margin: 0;
}

.member-events__subtitle {
  font-size: var(--tk-font-size-base, 1rem);
  color: var(--tk-gray-500, #6c757d);
  margin: var(--tk-space-1, 4px) 0 0;
}

.member-events__badge {
  background: var(--tk-blue-light, #b8e4f3);
  color: var(--tk-blue-dark, #3ba6cc);
  padding: var(--tk-space-2, 8px) var(--tk-space-4, 16px);
  border-radius: var(--tk-radius-full, 9999px);
  font-size: var(--tk-font-size-sm, 0.875rem);
  font-weight: var(--tk-font-weight-semibold, 600);
}

/* Empty state */
.member-events__empty {
  text-align: center;
  padding: var(--tk-space-12, 48px) var(--tk-space-4, 16px);
  color: var(--tk-gray-400, #adb5bd);
}

.member-events__empty-icon {
  font-size: 3rem;
  margin-bottom: var(--tk-space-4, 16px);
  opacity: 0.5;
}

.member-events__empty p {
  font-size: var(--tk-font-size-lg, 1.125rem);
  margin: 0;
}

/* See all link */
.member-events__see-all {
  display: inline-flex;
  align-items: center;
  gap: var(--tk-space-2, 8px);
  color: var(--tk-blue, var(--tk-blue));
  font-weight: var(--tk-font-weight-bold, 700);
  font-size: var(--tk-font-size-base, 1rem);
  text-decoration: none;
  transition: all var(--tk-transition-fast, 0.15s ease);
}

.member-events__see-all:hover {
  color: var(--tk-blue-dark, #3ba6cc);
  gap: var(--tk-space-3, 12px);
}

.member-events__see-all-icon {
  font-size: 0.8rem;
  transition: transform var(--tk-transition-fast, 0.15s ease);
}

.member-events__see-all:hover .member-events__see-all-icon {
  transform: translateX(4px);
}