/* TailTracker Adaptive UI hooks (surgical)
   Pages can keep their existing CSS. This file just adds cross-cutting helpers.
*/

:root {
  --tt-safe-top: env(safe-area-inset-top, 0px);
  --tt-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Make touch targets safer by default when touch */
html[data-tt-input="touch"] button,
html[data-tt-input="touch"] a,
html[data-tt-input="touch"] input,
html[data-tt-input="touch"] select {
  min-height: 44px;
}

/* Field mode = reduced chrome, bigger controls */
body.tt-field {
  font-size: 1.03rem;
}
body.tt-field .tt-hide-field {
  display: none !important;
}

/* Simple layout hint: constrain width on desktop if desired */
html[data-tt-form-factor="desktop"] .tt-maxw {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Network banner spacing */
#ttNetworkBanner {
  padding-top: calc(8px + var(--tt-safe-top));
}