/* Vantora Clinic website (clinic.vantorahealth.com, 8 November 2026). The react-native-web root reset (kept out of
   index.html so the CSP needs no inline style), the iPhone's own text and touch behaviour (as the patient website,
   86bfe76fa), and on wide screens the app as a centred phone-width column on the navy page. */
html,
body {
  height: 100%;
  margin: 0;
  background: #0c2539;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  overflow: hidden;
  overscroll-behavior: none;
}
#root {
  display: flex;
  height: 100%;
  flex: 1;
  width: 100%;
  overflow: hidden;
  background: #102f4a;
}
* {
  -webkit-tap-highlight-color: transparent;
  scrollbar-color: #2b4c66 transparent;
}
/* Buttons and tabs behave like the app's: a long press does not select their words or open the link menu. */
[role="button"],
[role="tab"],
[role="link"],
[role="checkbox"],
[role="switch"] {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
/* Owner rule: no outlines for hover, selection or focus. Keyboard focus is a faint green fill over the control. */
[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible {
  outline: none;
  background-image: linear-gradient(rgba(143, 224, 212, 0.18), rgba(143, 224, 212, 0.18));
}
input:focus,
textarea:focus {
  outline: none;
}
/* Wide screens: the app keeps the phone's width, centred, and full-screen sheets sit in the same column. */
@media (min-width: 640px) {
  #root {
    max-width: 480px;
    margin: 0 auto;
  }
  /* left/right rather than a transform: the sheet's slide-in animation owns transform. */
  [aria-modal="true"] {
    left: calc(50% - 240px) !important;
    right: calc(50% - 240px) !important;
  }
}