/* Gangplan installed-app pieces: the "new version" notice. Author: Lee Alderman. */
/* Uses the colour tokens from app.css; the fallbacks keep it readable on a page without them. */

.pwa-update {
  position: fixed; z-index: 2500; left: 50%; top: max(14px, env(safe-area-inset-top)); transform: translateX(-50%);
  display: flex; align-items: center; gap: 10px; max-width: min(94vw, 460px);
  padding: 7px 7px 7px 16px; border-radius: 999px;
  background: var(--ink, #14242a); color: var(--bg, #f5f1ea);
  font-size: .93rem; font-weight: 600; white-space: nowrap;
  box-shadow: var(--shadow-3, 0 8px 24px rgba(20, 36, 42, .3));
  animation: pwa-drop .45s var(--ease, ease-out) both;
}
.pwa-update > .icon { color: var(--sun, #f3b23e); }
.pwa-update-text { overflow: hidden; text-overflow: ellipsis; }
.pwa-update-go {
  border: 0; border-radius: 999px; padding: 8px 16px; font-weight: 700;
  background: var(--bg, #f5f1ea); color: var(--ink, #14242a);
  transition: transform .15s var(--ease, ease-out), filter .2s;
}
.pwa-update-go:hover { filter: brightness(.94); }
.pwa-update-go:active { transform: scale(.96); }
.pwa-update-close {
  display: grid; place-items: center; flex: none; width: 34px; height: 34px; padding: 0;
  border: 0; border-radius: 50%; background: none; color: inherit; opacity: .7;
}
.pwa-update-close:hover { opacity: 1; }
.pwa-update :focus-visible { outline-color: var(--sun, #f3b23e); }

@keyframes pwa-drop { from { opacity: 0; transform: translate(-50%, -18px); } }
@media (prefers-reduced-motion: reduce) { .pwa-update { animation: none; } }