/* Flat phone-width layout: no device mockup, navigation always in viewport */
.phone-shell{
  width:min(100%,430px);
  min-height:100dvh;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:0 0 42px rgba(7,24,43,.12);
}
.view{min-height:100dvh}
.dashboard-view{
  min-height:100dvh;
  height:100dvh;
  overflow:hidden;
}
.dashboard-scroll{
  height:calc(100dvh - 78px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  padding-bottom:calc(105px + env(safe-area-inset-bottom));
}
.dashboard-scroll::-webkit-scrollbar{display:none}
.bottom-nav{
  position:fixed;
  left:50%;
  right:auto;
  bottom:0;
  transform:translateX(-50%);
  width:min(100%,430px);
  border-radius:0;
}
@media(min-width:700px){
  .phone-shell{min-height:100dvh;height:auto;margin:0;border:0;border-radius:0}
  .view{min-height:100dvh}
  .dashboard-view{height:100dvh;min-height:100dvh}
  .dashboard-scroll{height:calc(100dvh - 78px);padding-bottom:105px}
  .bottom-nav{position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:430px}
  .flow-view{height:100dvh;min-height:100dvh}
  .flow-content{max-height:calc(100dvh - 91px)}
}