/* Portal homepage (landing-page-new-after-login.php) - restyle mengikuti
   desain Stitch "Live Progress Alert & Right-Slide Forecast". Halaman ini
   pakai Tailwind CDN + Lucide icons (bukan lagi tema lp-new/bootstrap),
   file ini cuma menambahkan beberapa util/keyframe yang tidak ada di
   Tailwind utility default. Semua data yang dirender tetap dari PHP asli
   (lihat homepage-swms.js) - file ini murni visual. */

body { background: #f8fafc; }

.bg-grid-pattern {
  background-size: 32px 32px;
  background-image:
    linear-gradient(to right, rgba(2, 132, 199, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(2, 132, 199, 0.04) 1px, transparent 1px);
}

.wave-gradient-hero {
  background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0284c7 100%);
}

@keyframes hydro-wave {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-3px) scaleY(1.08); }
  100% { transform: translateY(0) scaleY(1); }
}
.wave-pulse-anim { animation: hydro-wave 3s ease-in-out infinite; }

.fade-panel { transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; }
.fade-panel.opacity-0 { opacity: 0; transform: translateY(4px); }
.fade-panel.opacity-100 { opacity: 1; transform: translateY(0); }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.shadow-soft { box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.03); }
.shadow-elevated { box-shadow: 0 10px 30px -5px rgba(2, 132, 199, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.05); }