/* ==========================================================================
   pwa.css —— 从桌面图标启动（独立 / 全屏模式）时的适配
   只在 display-mode: standalone | fullscreen 下生效，浏览器里看完全不受影响。
   ========================================================================== */

/* 独立模式下没有地址栏，顶部要让出状态栏；底部让出手势条 */
@media (display-mode: standalone), (display-mode: fullscreen) {
  /* 下面是 display-mode 自动命中；APK 里靠 html.pwa-standalone 命中（见文件末尾） */
  html,
  body {
    overscroll-behavior: none;
  }

  /* 启动台 / 番茄钟 / 日记：顶栏下移一点，避开刘海和状态栏 */
  .topbar {
    margin-top: calc(6px + env(safe-area-inset-top, 0px));
  }
  .shell,
  .focus-shell,
  .tn-slot {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
  .f-foot,
  .footbar {
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  }

  /* 登录 / 二级门禁：卡片上下留白跟着安全区走 */
  .stage--login {
    padding-top: calc(14px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
}

/* 全屏按钮：沿用 .theme-toggle 的外观，只补一点差异 */
.pwa-toggle svg {
  width: 15px;
  height: 15px;
}
.pwa-toggle + .pwa-toggle {
  margin-left: 4px;
}

/* 触屏上不要有 hover 残留 */
@media (hover: none) {
  .pwa-toggle:hover {
    transform: none;
  }
}

/* ---------------- APK（WebView）里没有 display-mode，用 html.pwa-standalone 命中 ----------------
   规则和上面那份保持一致，改一个就两个都改。 */
html.pwa-standalone .topbar {
  margin-top: calc(6px + env(safe-area-inset-top, 0px));
}
html.pwa-standalone .shell,
html.pwa-standalone .focus-shell,
html.pwa-standalone .tn-slot {
  padding-left: max(0px, env(safe-area-inset-left));
  padding-right: max(0px, env(safe-area-inset-right));
}
html.pwa-standalone .f-foot,
html.pwa-standalone .footbar {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}
html.pwa-standalone .stage--login {
  padding-top: calc(14px + env(safe-area-inset-top, 0px));
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
}
html.pwa-standalone,
html.pwa-standalone body {
  overscroll-behavior: none;
}