/* Global layout (responsive; full-width). */

html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
}

body {
  background: #0b1220;
  overscroll-behavior: none;
}

/* Density tuning (default: comfortable). */
html {
  font-size: 16px;
}

html[data-density='standard'] {
  font-size: 16px;
}

html[data-density='comfortable'] {
  font-size: 16px;
}

html[data-density='compact'] {
  font-size: 15px;
}

/* Prevent iOS Safari from zooming when focusing form controls. */
input,
select,
textarea {
  font-size: 16px;
}

.app-viewport {
  min-height: 100dvh;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
}

.app-shell {
  width: 100%;
  max-width: 100%;
  height: 100dvh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  transform: translateZ(0);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}