/* Tailwind is compiled into tailwind.css; this file holds the mobile shell primitives. */

html, body { height: 100%; overscroll-behavior-y: none; }

/* Inputs must be >= 16px or iOS Safari zooms on focus. */
input, select, textarea { font-size: 16px; }

/* Full-height shell using dynamic viewport units; --vvh is set from visualViewport when the keyboard opens. */
.app-shell {
  display: flex;
  flex-direction: column;
  height: var(--vvh, 100dvh);
  padding-top: env(safe-area-inset-top);
  /* Leave room for the fixed tab bar (56px) + home indicator on mobile. */
  padding-bottom: calc(3.5rem + env(safe-area-inset-bottom));
  box-sizing: border-box;
}
.app-main { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media (min-width: 768px) {
  .app-shell { padding-bottom: 0; }
  .app-main { max-width: 42rem; margin: 0 auto; width: 100%; }
}