/* Custom Mobile-first Utilities & Smooth Touches */

/* Remove spin buttons on numeric inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/* Prevent double-tap zoom & text selection on action icons */
button, select, .nav-btn, .nav-shortcut {
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

/* Hide scrollbars while preserving scroll functionality */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Smooth tab fade transitions */
.tab-page {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Privacy Mask styling */
.privacy-masked {
  filter: blur(4.5px);
  user-select: none;
  pointer-events: none;
  transition: filter 0.2s ease;
}

/* Active Nav State */
.nav-btn.active {
  color: #0284c7 !important;
}
.dark .nav-btn.active {
  color: #38bdf8 !important;
}