/* ShoreIntel — Shared base styles (things Tailwind CDN can't handle) */

body {
  background-color: #091420;
  color: #d8e3f5;
  min-height: 100dvh;
}

/* Material Symbols Outlined defaults */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass panel — per DESIGN.md: 60% opacity + 20px backdrop-blur */
.glass-panel {
  backdrop-filter: blur(20px);
  background: rgba(43, 54, 67, 0.6);
}

/* Hide scrollbars (filter chips, horizontal lists) */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Card fade-up entrance animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fadeUp 0.35s ease-out both;
}

/* iOS safe area for bottom nav in PWA standalone mode */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .safe-bottom {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }
}