/* One bottom bar for every screen. Measured from the iPhone reference:
   chart strip 30px, tab row 49px, home-indicator inset 34px (852 - 769). */
.mobile-app .m-app-bottom .m-bottom-chart{
  height:30px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;
  font-size:12px;font-weight:400;letter-spacing:0;word-spacing:0;line-height:16px;
  border:0;border-top:1px solid var(--m-line);border-radius:0;box-sizing:border-box;
}
.mobile-app .m-app-bottom .m-bottom-chart span{transform:translateY(-1px)}
.mobile-app .m-app-bottom .m-bottom-chart .m-icon{
  width:12px;height:12px;margin:0;padding:0;border:0;box-sizing:content-box;
  fill:#848e9c;stroke:none;color:#848e9c;
}
.mobile-app .m-app-bottom .m-nav{
  height:49px;padding:0;border-top:1px solid var(--m-line);
}
.mobile-app .m-app-bottom .m-nav button{
  padding:7px 0 0;gap:6px;margin:0;font-size:10px;font-weight:400;line-height:12px;
  letter-spacing:0;color:#757575;
}
/* 未选中 #757575、选中 #1e2329：2026-09 起各参考图（资产、sept26 组）一致 */
.mobile-app .m-app-bottom .m-nav button.selected{color:#1e2329;font-weight:500}
.mobile-app .m-app-bottom .m-nav .m-tab-icon{
  width:22px;height:22px;margin:0;stroke-width:1.6;flex:0 0 22px;
}
.mobile-app .m-app-bottom .m-nav .selected .tab-accent{fill:#f0b90b;stroke:none}
.mobile-app:not(.device-android) .m-app-bottom .m-home-indicator{
  height:34px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 8px;
}
.mobile-app:not(.device-android) .m-app-bottom .m-home-indicator i{display:none}
/* On a real device the bottom inset is the phone's own home-indicator area, so use the
   system value: 34px on Face ID iPhones, 0 in a browser tab or on phones without one.
   Screenshot runs (.pinned-run) keep the fixed 34px measured from the reference. */
.mobile-app.live-device .m-app-bottom .m-home-indicator,
.mobile-app.live-device .m-home-indicator{height:env(safe-area-inset-bottom,0px)!important;min-height:0;padding:0!important}
.mobile-app.live-device .m-home-indicator i{display:none!important}
/* Installed to the home screen: the phone draws its own status bar (real time, signal,
   battery) above the page, so the simulated one is dropped rather than doubled. */
/* The simulated clock / signal / battery is only drawn for screenshot-comparison runs
   (.pinned-run); everywhere else it is not shown at all. */
.mobile-app.live-device .m-statusbar{display:none!important}
/* iOS standalone with the default status-bar style already starts below the system bar;
   anything else that draws under it gets the notch inset instead of the fake bar. */
.mobile-app.real-phone{padding-top:env(safe-area-inset-top,0px)}