/* ────────────────────────────────────────────────────────────
   VoucherTrack — app.css
   Custom styles that extend / complement Tailwind via CDN
   ─────────────────────────────────────────────────────────── */

/* ── Login page animated orbs ──────────────────────────────── */
.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  animation: float 8s ease-in-out infinite;
  opacity: 0.25;
}
.orb-1 {
  width: 400px; height: 400px;
  background: #6366f1;
  top: -100px; left: -100px;
  animation-delay: 0s;
}
.orb-2 {
  width: 300px; height: 300px;
  background: #8b5cf6;
  bottom: -80px; right: -80px;
  animation-delay: 3s;
}
.orb-3 {
  width: 200px; height: 200px;
  background: #06b6d4;
  top: 40%; left: 50%;
  animation-delay: 1.5s;
}
@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%       { transform: translate(20px, -20px) scale(1.05); }
  66%       { transform: translate(-15px, 15px) scale(0.95); }
}

/* ── Glass card (login) ──────────────────────────────────────── */
.glass-card {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* ── Animations ──────────────────────────────────────────────── */
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fade-in-up 0.5s ease forwards;
}

@keyframes bounce-slow {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}
.animate-bounce-slow {
  animation: bounce-slow 2.5s ease-in-out infinite;
}

/* ── Drop zone active state ──────────────────────────────────── */
.drop-active {
  border-color: #6366f1 !important;
  background-color: rgba(99, 102, 241, 0.05) !important;
}

/* ── Scrollbar ───────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ── Print utilities ─────────────────────────────────────────── */
@media print {
  body * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
}