/* ===== 云枢智控 · PWA 样式（mobile.pwa.css） =====
   手机端离线推送：引导提示条 + 弹窗 + 顶部刘海安全区（完全 App 体验）。
   独立文件避免 mobile.css 膨胀（507 行已超 500 豁免）。类名 px- 前缀防冲突。
   env() 在非刘海设备=0 → max() 取原 padding，不改现有布局。 */

/* 顶部条刘海安全区：standalone + viewport-fit=cover 时防遮挡；
   max(env(...),原值) —— 非刘海设备=max(0,12)=12px 与现状一致，刘海设备=安全区高度。
   .term-overlay-bar 原 padding=0，用 env() 裸值：非刘海=0、仅刘海生效（max() 会恒加 10px）。 */
.topbar, .map-bar, .assist-topbar{ padding-top: env(safe-area-inset-top, 0px); }   /* v20260934 四·19: bar固定高inset+44+box-sizing已含顶部inset, 裸inset即可(原max保底12/10px在无刘海机把内容区压到32px) */
.subbar{ padding-top: env(safe-area-inset-top, 0px); }   /* 同topbar: 裸inset */
.assist-settings-bar{ padding-top: max(env(safe-area-inset-top, 0px), 10px); }   /* 设置条非44pt顶栏: .as-body按51px+max(inset,10)补偿, 保留max保底10px才与as-body严格对齐 */
.term-overlay-bar{ padding-top: env(safe-area-inset-top, 0px); }

/* 首页引导提示条（可关闭） */
.px-pwa-banner{
  display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:10px 12px;
  background:var(--card);border:1px solid var(--accent-border);border-radius:12px;
  font-size:14px;color:var(--text);cursor:pointer;flex-shrink:0;
}
.px-pwa-banner .px-bell{font-size:16px}
.px-pwa-banner .px-bt{flex:1;min-width:0}
.px-pwa-banner .px-x{font-size:14px;color:var(--sub);padding:4px;flex-shrink:0}
.px-pwa-banner:active{opacity:.8}

/* 引导弹窗（全屏遮罩 + 卡片） */
.px-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.px-dialog{
  background:var(--card);border:1px solid var(--border);border-radius:16px;
  max-width:340px;width:100%;padding:20px;box-shadow:var(--card-shadow);
}
.px-dialog h3{font-size:17px;margin-bottom:10px;color:var(--text)}
.px-dialog p{font-size:14px;line-height:1.6;color:var(--sub);margin-bottom:12px;white-space:pre-line}
.px-btn{
  width:100%;min-height:44px;border:none;border-radius:22px;background:var(--accent-grad);
  color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:block;
}
.px-btn:active{opacity:.85}
.px-btn.px-close{background:var(--bar-bg);color:var(--text);margin-top:8px}

/* 设置页入口行 */
.px-pwa-entry{width:100%;text-align:left;display:flex;align-items:center;gap:8px}
.px-pwa-entry .px-arrow{margin-left:auto;color:var(--sub)}