/* PHASE12B Gate 3 - PWA install, update and connectivity UI. */
.project2-pwa-stack {
  position: fixed;
  z-index: 2147482000;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 10px;
  width: min(390px, calc(100vw - 36px));
  pointer-events: none;
}

.project2-pwa-card {
  pointer-events: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #31536a;
  border-radius: 15px;
  background: rgba(8, 22, 34, .97);
  color: #edf8ff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
  backdrop-filter: blur(15px);
}

.project2-pwa-card[hidden] { display: none !important; }
.project2-pwa-copy { min-width: 0; }
.project2-pwa-copy strong { display: block; margin-bottom: 3px; font-size: 13px; }
.project2-pwa-copy span { display: block; color: #9eb8ca; font-size: 12px; line-height: 1.35; }
.project2-pwa-actions { display: flex; gap: 7px; align-items: center; }
.project2-pwa-button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #3e657d;
  border-radius: 10px;
  background: #14283a;
  color: #eefaff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.project2-pwa-button-primary {
  border-color: #33cae9;
  background: linear-gradient(135deg, #35dfcb, #37a8ff);
  color: #03121b;
}
.project2-pwa-button-quiet { width: 38px; padding: 0; font-size: 18px; }
.project2-pwa-card[data-kind="offline"] { border-color: #9c6732; }
.project2-pwa-card[data-kind="online"] { border-color: #2f8069; }

html[data-rk3d-pwa-display="standalone"] .project2-pwa-install-card { display: none !important; }

@media (max-width: 820px) {
  .project2-pwa-stack {
    left: 10px;
    right: 10px;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px));
    width: auto;
  }
  .project2-pwa-card { grid-template-columns: 1fr; }
  .project2-pwa-actions { justify-content: stretch; }
  .project2-pwa-button:not(.project2-pwa-button-quiet) { flex: 1; min-height: 44px; }
  .project2-pwa-button-quiet { position: absolute; top: 7px; right: 7px; }
}