/* Vantora patient app on the web (28 October 2026). The react-native-web root reset, plus the page colour
   behind the centred app column (App.tsx WebFrame). Kept out of index.html so the CSP needs no inline style. */
html,
body {
  height: 100%;
  margin: 0;
  background: #102f4a;
}
body {
  overflow: hidden;
}
#root {
  display: flex;
  height: 100%;
  flex: 1;
}
/* Owner rule: no outlines for hover or selection; keyboard focus keeps a visible ring for accessibility. */
[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible {
  outline: 2px solid #a8dcd8;
  outline-offset: 2px;
}
/* Full-screen sheets (react-native-web Modal) sit in the same centred column as the app on wide screens. */
@media (min-width: 700px) {
  [aria-modal="true"] {
    left: 50% !important;
    right: auto !important;
    width: 600px !important;
    transform: translateX(-50%);
  }
}
/* Scrollbars that sit quietly on the navy page instead of the browser's light default. */
* {
  scrollbar-color: #2b4c66 transparent;
}