/* auth-screen.module.css
 * 与 splash-screen.module.css 同款结构（MobileShell 顶层 + .wrapper + .content）
 * 移动端宽度约束由 ResponsiveMobileShell / MobileShell 统一提供。
 */

.wrapper {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: var(--app-viewport-height, 100dvh);
  background: #fbf1f2;
  overflow: hidden;
}

.content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding:
    calc(var(--page-padding-y, var(--spacing-lg)) + var(--app-safe-top, 0px))
    calc(var(--page-padding-x, var(--spacing-lg)) + var(--app-safe-right, 0px))
    calc(var(--page-padding-y, var(--spacing-lg)) + var(--app-safe-bottom, 0px))
    calc(var(--page-padding-x, var(--spacing-lg)) + var(--app-safe-left, 0px));
}