/* 健险助手 · 真机 H5 全屏壳层（增员 / 续保 / 今日 / 获客共用） */
html.recruit-app,
html.recruit-app body,
.huoke-root.recruit-app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--paper);
  -webkit-text-size-adjust: 100%;
  overscroll-behavior: none;
  scrollbar-gutter: stable;
}

html.recruit-app body {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 100%;
  min-height: 100dvh;
  justify-content: flex-start !important;
  background: var(--paper) !important;
}

.huoke-root.recruit-app {
  position: fixed;
  inset: 0;
  min-height: 100dvh;
  background: var(--paper);
}

html.recruit-app .phone,
.huoke-root.recruit-app .phone {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  min-height: 100%;
  min-height: 100dvh;
  height: 100%;
  height: 100dvh;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  background: var(--paper);
}

html.recruit-app #recruit-phone,
html.recruit-app #renewal-phone,
html.recruit-app #today-phone,
html.recruit-app #huoke-phone,
html.recruit-app #wode-phone,
html.recruit-app #growth-phone,
html.recruit-app #drill-phone,
html.recruit-app #demo-phone,
.huoke-root.recruit-app #huoke-phone {
  display: flex;
  flex-direction: column;
  height: 100%;
  height: 100dvh;
  max-height: none;
}

html.recruit-app #recruit-phone .recruit-scroll,
html.recruit-app #renewal-phone .recruit-scroll,
html.recruit-app #today-phone .recruit-scroll,
html.recruit-app #huoke-phone .recruit-scroll,
html.recruit-app #wode-phone .recruit-scroll,
html.recruit-app #growth-phone .recruit-scroll,
html.recruit-app #drill-phone .drill-page-scroll,
html.recruit-app #demo-phone .drill-page-scroll,
.huoke-root.recruit-app #huoke-phone .recruit-scroll {
  flex: 1;
  min-height: 0;
}

html.recruit-app #recruit-phone .tab,
html.recruit-app #renewal-phone .tab,
html.recruit-app #today-phone .tab,
html.recruit-app #huoke-phone .tab,
html.recruit-app #wode-phone .tab,
.huoke-root.recruit-app #huoke-phone .tab {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  background: var(--paper);
}

html.recruit-app #recruit-phone .fab,
html.recruit-app #renewal-phone .fab,
html.recruit-app #today-phone .fab,
html.recruit-app #huoke-phone .fab,
html.recruit-app #wode-phone .fab,
.huoke-root.recruit-app #huoke-phone .fab {
  bottom: calc(72px + env(safe-area-inset-bottom, 0));
}

html.recruit-app #recruit-phone .toast,
html.recruit-app #wode-phone .toast,
.huoke-root.recruit-app #huoke-phone .toast {
  bottom: calc(86px + env(safe-area-inset-bottom, 0));
}

html.recruit-app #growth-phone .recruit-scroll {
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0));
}

@media (pointer: coarse) {
  html.recruit-app .notch,
  .huoke-root.recruit-app .notch {
    display: none;
  }

  html.recruit-app #recruit-phone .recruit-head,
  html.recruit-app #renewal-phone .recruit-head,
  html.recruit-app #today-phone .recruit-head,
  html.recruit-app #huoke-phone .recruit-head,
  html.recruit-app #wode-phone .recruit-head,
  .huoke-root.recruit-app #huoke-phone .recruit-head {
    padding-top: max(14px, env(safe-area-inset-top, 0px));
  }

  html.recruit-app #drill-phone .drill-topbar,
  html.recruit-app #demo-phone .drill-topbar,
  html.recruit-app #growth-phone .drill-topbar {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
  }
}