/* PWA bits: install button slot and the update notice. */
.update-notice { position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 50; display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 32px); padding: 8px 8px 8px 16px; background: var(--navy-dark); color: var(--white); border-radius: var(--radius-pill); box-shadow: 0 10px 30px rgba(10,14,24,.35); font: 600 14px var(--font-body); }
.update-notice .btn { min-height: 36px; padding: 0 14px; border-radius: var(--radius-pill); background: var(--red); border-color: var(--red); color: var(--white); }
.update-notice .btn:hover:not(:disabled) { background: var(--red-dark); border-color: var(--red-dark); }
.app-header #btn-install[hidden] { display: none; }