/* Global element styles and app container (Tailwind-compatible) */

/* Body - keep only app-specific overrides */
body {
  background: var(--color-bg-subtle);
  color: var(--color-text);
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  max-width: 100vw;
}

body.mobile-sidebar-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* App loading states */
.loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  color: var(--color-text);
}


