/* PWA Native App Behaviors */
:root {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

html, body {
  height: 100%;
  overscroll-behavior-y: none; /* Prevent pull-to-refresh pull away */
  -webkit-tap-highlight-color: transparent;
  user-select: none; /* Prevent text selection in UI elements */
}

body {
  padding-top: var(--safe-area-inset-top);
  padding-bottom: var(--safe-area-inset-bottom);
}

/* Custom Safe Area Utility */
.pb-safe {
  padding-bottom: var(--safe-area-inset-bottom);
}

.pt-safe {
  padding-top: var(--safe-area-inset-top);
}

.h-safe-bottom {
  height: var(--safe-area-inset-bottom);
}

/* Disable selection for navigation and buttons globally */
nav, button, a {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Scrollbar styling for native feel */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Standalone CSS - only applies when app is installed */
@media (display-mode: standalone) {
  body {
    /* Background color to match splash screen */
    background-color: #f6f7f8;
  }
}

/* Custom Scrollbar for Matrices */
.custom-scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}