/* wasserstand.fun -- PWA-Hinweise (Offline-Balken, Install-Hinweis) der Pegelseiten. Ausgelagert aus web_app._pwa_js() (#64, 22.10.2026), Einbindung ueber _pwa_css() im <head>. */
#pwaOfflineHinweis {
  display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 300;
  background: #5d5294; color: #fff; text-align: center;
  font-size: 13px; font-weight: 500; padding: 7px 12px;
}
#pwaInstallHinweis {
  display: none; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 300;
  background: #fff; border: 1px solid #d8e1e8; border-radius: 14px;
  box-shadow: 0 6px 24px rgba(41,43,49,.16); padding: 12px 40px 12px 14px;
  font-size: 13.5px; color: #1f2d3d; max-width: 430px; margin: 0 auto;
}
#pwaInstallHinweis strong, #pwaInstallHinweis a { color: #5d5294; }
#pwaInstallHinweis .pwa-install-btn {
  margin-top: 8px; display: inline-block; background: #796cbf; color: #fff;
  border: none; border-radius: 8px; padding: 7px 14px; font-size: 13.5px;
  font-weight: 600; cursor: pointer;
}
#pwaInstallHinweis .pwa-zu {
  position: absolute; top: 6px; right: 6px; background: none; border: none;
  font-size: 18px; line-height: 1; color: #6b7280; cursor: pointer; padding: 6px;
}
@media print { #pwaOfflineHinweis, #pwaInstallHinweis { display: none !important; } }