body.incident-app-open {
  min-height: 100dvh;
  overflow: hidden;
  padding: 0;
  background: #061321;
}

body.incident-app-open #app-shell,
body.incident-app-open #authorized-view,
body.incident-app-open .workspace,
body.incident-app-open #production-app {
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 100dvh;
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #061321;
}

body.incident-app-open .gate-header,
body.incident-app-open #authorized-view > .eyebrow,
body.incident-app-open #authorized-view > h1,
body.incident-app-open #authorized-view > .lede,
body.incident-app-open #authorized-view > .entitlement-grid,
body.incident-app-open #authorized-view > .install-actions,
body.incident-app-open #authorized-view > .ios-install,
body.incident-app-open #authorized-view > .account-actions {
  display: none;
}

body.incident-app-open .workspace {
  display: block !important;
}

body.incident-app-open #production-app > .phone {
  width: 100%;
  max-width: none;
  height: 100dvh;
  min-height: 100dvh;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.incident-app-open #production-app > .phone:not(.native-visual) {
  grid-template-rows:
    calc(61px + env(safe-area-inset-top, 0px))
    4px
    auto
    minmax(0, 1fr)
    calc(64px + env(safe-area-inset-bottom, 0px));
}

body.incident-app-open #production-app > .phone::before,
body.incident-app-open #production-app > .phone > .phone-status {
  display: none;
  content: none;
}

body.incident-app-open #production-app > .phone > .phone-bar {
  padding-top: calc(10px + env(safe-area-inset-top, 0px));
}

body.incident-app-open #production-app > .phone > .app-actions {
  padding-bottom: calc(11px + env(safe-area-inset-bottom, 0px));
}

body.incident-app-open #production-app > .native-visual {
  overflow-x: hidden;
  overflow-y: auto;
}

body.incident-app-open #production-app > .native-splash {
  --splash-pad: 8.8vw;
  position: relative;
  display: block;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  background:
    radial-gradient(circle at 78% 22%, rgba(22, 92, 139, .16), transparent 31%),
    linear-gradient(180deg, #020b13 0%, #061725 49%, #03101a 100%);
}

body.incident-app-open #production-app > .native-splash::-webkit-scrollbar {
  display: none;
}

body.incident-app-open #production-app > .native-splash .native-splash-canvas {
  position: relative;
  width: 100%;
  height: max(100dvh, calc(216.6667vw + env(safe-area-inset-bottom, 0px)));
  min-height: 100%;
  overflow: hidden;
}

body.incident-app-open #production-app > .native-splash .native-splash-brand {
  position: absolute;
  z-index: 2;
  top: max(13.15vw, env(safe-area-inset-top, 0px));
  right: var(--splash-pad);
  left: var(--splash-pad);
  gap: 1px;
}

body.incident-app-open #production-app > .native-splash .native-splash-shield {
  height: 19.95vw;
  margin-bottom: 1.29vw;
}

body.incident-app-open #production-app > .native-splash .native-splash-brand span {
  color: #f4f6f7;
  font-size: 6.57vw;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .25em;
  text-indent: .25em;
}

body.incident-app-open #production-app > .native-splash .native-splash-brand strong {
  margin-top: 1.06vw;
  color: #318eff;
  font-size: 3.17vw;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .28em;
  text-indent: .28em;
}

body.incident-app-open #production-app > .native-splash .native-splash-copy {
  position: absolute;
  z-index: 2;
  top: 54.1vw;
  right: var(--splash-pad);
  left: var(--splash-pad);
  gap: 3.52vw;
}

body.incident-app-open #production-app > .native-splash .native-splash-copy p {
  color: #f5f7f8;
  font-size: 6.57vw;
  font-weight: 720;
  line-height: 1.22;
  letter-spacing: -.035em;
}

body.incident-app-open #production-app > .native-splash .native-splash-copy p em {
  color: #318eff;
}

body.incident-app-open #production-app > .native-splash .native-splash-copy small {
  color: #f1f3f4;
  font-size: 3.52vw;
  font-weight: 420;
  line-height: 1.53;
  letter-spacing: -.012em;
}

body.incident-app-open #production-app > .native-splash .native-splash-scene {
  position: absolute;
  z-index: 1;
  top: 102.35vw;
  right: 0;
  left: 0;
  width: 100%;
  min-height: 0;
  margin: 0;
  aspect-ratio: 852 / 598;
  background-image: url("/incident-assist/assets/app/opening-vehicle-art.png");
  background-position: center top;
  background-size: 100% 100%;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 8%, #000 17%, #000 94%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 8%, #000 17%, #000 94%, transparent 100%);
}

body.incident-app-open #production-app > .native-splash .native-splash-actions {
  position: absolute;
  z-index: 3;
  top: 173.47vw;
  right: var(--splash-pad);
  bottom: auto;
  left: var(--splash-pad);
  width: auto;
  max-width: none;
  gap: 3.17vw;
}

body.incident-app-open #production-app > .native-splash .native-primary-action,
body.incident-app-open #production-app > .native-splash .native-secondary-action {
  min-height: 12.79vw;
  border-radius: 2.11vw;
  font-size: 3.35vw;
  letter-spacing: .035em;
}

body.incident-app-open #production-app > .native-splash .native-primary-action {
  position: relative;
  justify-content: center;
  border-color: #278fff;
  background: linear-gradient(90deg, #2383ed 0%, #318fff 52%, #2383ed 100%);
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}

body.incident-app-open #production-app > .native-splash .native-primary-action .app-icon {
  position: absolute;
  right: 4.2vw;
  width: 4.46vw;
  height: 4.46vw;
  color: #fff;
  opacity: 1;
}

body.incident-app-open #production-app > .native-splash .native-primary-action span {
  color: #fff;
  opacity: 1;
  -webkit-text-fill-color: #fff;
}

body.incident-app-open #production-app > .native-splash .native-secondary-action {
  border-color: #198aff;
  background: rgba(2, 12, 21, .8);
}

body.incident-app-open #production-app > .native-mode .native-app-header {
  padding-top: calc(14px + env(safe-area-inset-top, 0px));
}

body.incident-app-open .camera-dialog,
body.incident-app-open .recording-dialog {
  max-height: 100dvh;
}