/* =========================================================
   celebrations.css — Hạ tầng DÙNG CHUNG cho mọi loại "sự kiện chúc
   mừng" ở Cổng nhân viên (sinh nhật, thâm niên, và các loại sau này).
   Hiệu ứng confetti tách riêng ra đây vì không đổi giữa các loại sự
   kiện, chỉ đổi màu (truyền qua JS) — xem celebrations.js.
   ========================================================= */

.portal-confetti {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5001;
  overflow: hidden;
}
.portal-confetti span {
  position: absolute;
  width: 8px;
  height: 14px;
  opacity: 0.9;
  animation: portalConfettiFall linear forwards;
  top: 0;
}
@keyframes portalConfettiFall {
  0% { transform: translateY(-20vh) rotate(0deg); opacity: 1; }
  100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }
}