/* ================================================================
   pwa.css — install prompt + offline indicator
   ================================================================ */
.pwa-install {
  position: fixed; bottom: 16px; left: 16px; z-index: 900;
  background: var(--dark); color: #fff; border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  padding: .7rem 1rem; display: none; align-items: center; gap: .7rem; font-size: .88rem;
}
.pwa-install.show { display: flex; }
.pwa-install .btn { padding: .35rem .8rem; }

.offline-bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1100;
  background: var(--warning); color: #1a1a1a; text-align: center; font-size: .82rem;
  padding: .35rem; transform: translateY(-100%); transition: transform .2s;
}
.offline-bar.show { transform: none; }