/* Bampaa custom glowing loading screen */

._dash-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0b0b0b; /* dark theme background */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', sans-serif;
  color: #6AA59C;
  font-size: 18px;
  z-index: 9999;
  animation: fadeOut 0.5s ease-out 2.2s forwards; /* fades out when app finishes */
}

/* ✅ Glowing animated logo */
._dash-loading::before {
  content: "";
  background: url("/assets/favicon.svg") no-repeat center center / contain;
  width: 85px;
  height: 85px;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 8px #6AA59C) drop-shadow(0 0 16px #6AA59C);
  animation: pulseGlow 2s infinite alternate ease-in-out;
}

/* 
✅ Soft "loading" text
._dash-loading::after {
  content: "Bampaa is loading your data...";
  color: #d9fff4;
  opacity: 0.9;
  text-shadow: 0 0 6px rgba(106, 165, 156, 0.8);
  letter-spacing: 0.5px;
}
*/

/* ✨ Subtle glowing pulse animation */
@keyframes pulseGlow {
  0% {
    filter: drop-shadow(0 0 8px #6AA59C) drop-shadow(0 0 16px #6AA59C);
    transform: scale(1);
  }
  100% {
    filter: drop-shadow(0 0 14px #FF3131) drop-shadow(0 0 28px #FF3131);
    transform: scale(1.08);
  }
}

/* 🌀 Optional spin animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 🌫️ Smooth fade-out when app loads */
@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}