/* /POSWEB/assets/css/tactical.css */

/* ─── Font Setup ─── */
body {
  font-family: 'Montserrat', system-ui, sans-serif;
  background-color: #0a0f1c;
  color: #cbd5e1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ─── Respect user motion preferences ─── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .animate-pulse {
    animation: none;
    opacity: 0.7;
  }
}

/* ─── Glassmorphism with Fallbacks ─── */
@supports (backdrop-filter: blur(1px)) {
  @media (prefers-reduced-motion: no-preference) {
    .glass-card {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      background-color: rgba(17, 22, 37, 0.80);
    }
  }
}

@supports not (backdrop-filter: blur(1px)) {
  .glass-card {
    background-color: #111625;
  }
}

/* ─── Scrollbar Engineering ─── */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { 
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.styled-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
.styled-scrollbar::-webkit-scrollbar-track { background: transparent; }
.styled-scrollbar::-webkit-scrollbar-thumb { 
  background: #334155; 
  border-radius: 999px; 
}
.styled-scrollbar::-webkit-scrollbar-thumb:hover { background: #475569; }