/* =====================================================================
   ปุ่ม "ติดตั้งแอป" + กล่องวิธีติดตั้งบน iPhone (Components/InstallAppButton.razor, wwwroot/pwa.js)
   ปุ่มแสดงเฉพาะเมื่อ pwa.js ตั้ง <html data-pwa="1"> (ติดตั้งได้ และยังไม่ได้เปิดในแอป)
   ===================================================================== */
html:not([data-pwa]) .pwa-install { display: none !important; }

.pwa-install {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1px solid currentColor; border-radius: 999px;
  padding: 5px 12px; font: inherit; font-size: .85rem; line-height: 1.2;
  color: inherit; cursor: pointer; opacity: .9;
}
.pwa-install:hover { opacity: 1; }
.pwa-install svg { flex: none; }

.pwa-help {
  width: min(360px, calc(100vw - 32px)); border: none; border-radius: 18px; padding: 20px;
  background: var(--surface, #fff); color: var(--ink, #13243B);
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45);
}
.pwa-help::backdrop { background: rgba(10, 18, 30, .5); }
.pwa-help h2 { margin: 0 0 12px; font-size: 1.05rem; }
.pwa-help ol { margin: 0; padding-left: 1.3em; display: grid; gap: 8px; line-height: 1.55; }
.pwa-help .pwa-help-note { margin: 12px 0 0; font-size: .85rem; color: var(--muted, #4B5D75); }
.pwa-help form { margin: 16px 0 0; display: flex; justify-content: flex-end; }