/* pwa.js — FT-8.3b/c · PWA-schil-affordances (install/update/offline) · tokens */
.pwa-balk {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%);
  z-index: 900; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;
  max-width: min(92vw, 720px); pointer-events: none;
}
.pwa-chip {
  pointer-events: auto; display: inline-flex; align-items: center; gap: 6px;
  font: 700 12px var(--font-ui); border-radius: 99px; padding: 8px 14px;
  border: var(--lijndikte) solid var(--c-lijn); background: var(--c-paneel);
  color: var(--c-ink); cursor: default; box-shadow: var(--schaduw-knop);
}
button.pwa-chip { cursor: pointer; }
button.pwa-chip:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
.pwa-chip--offline { background: var(--c-amber-t); border-color: var(--c-amber); color: var(--c-amber); }
.pwa-chip--update { background: var(--gradient-primair); border-color: transparent; color: var(--c-creme); }
.pwa-chip--update:hover { background: var(--gradient-primair-hover); }
.pwa-chip--install { background: #fff; }
.pwa-chip--install:hover { border-color: var(--c-groen-d); color: var(--c-groen-d); }

@media (prefers-reduced-motion: reduce) { .pwa-chip { box-shadow: none; } }