/* Compact styles for maincs right column */
.birthday-item {
  position: relative;
  background: linear-gradient(145deg, #2b2f36, #3b3f46);
  border-radius: 8px;
  padding: 10px;
  text-align: left;
  box-shadow: none;
  transition: all 0.2s ease;
  overflow: hidden;
  margin-bottom: 12px;
}

.birthday-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #ffd700;
  object-fit: cover;
}

.birthday-avatar-wrapper { display:inline-block; vertical-align:middle; margin-right:10px }
.birthday-content { display:flex; align-items:center }
.birthday-info { flex:1 }
.birthday-name { color:#fff; font-weight:600; font-size:14px }
.birthday-age { color:#ffd700; font-size:12px }
.birthday-actions { margin-top:6px }

.birthday-btn { padding:6px 10px; border-radius:16px; font-size:12px }

.no-birthdays { color:#97a7bd; padding:10px; text-align:center }

.birthday-modals { display:none }

/* keep modal styles from standart if needed */
.modals-content { background-color:#fff; padding:15px; border-radius:8px }

/* Container for scrollable list in right column */
#birthday_widgets_lite.birthday-list-container {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 6px;
}

#birthday_widgets_lite .birthday-item { display:block }

.birthday-content { display:flex; align-items:center; gap:10px }
.birthday-info { flex:1; min-width:0 }
.birthday-name .user-link {
  display:block;
  color: #2196f3;
  font-weight:700;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}