/* The "new version" note (UpdateNote.js, snag S5): a small pill at the bottom centre, over everything but alerts */
.UpdateNote {
  position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 95;
  display: flex; align-items: center; gap: 12px; width: max-content; max-width: calc(100vw - 32px);
  padding: 8px 8px 8px 18px; border-radius: 999px;
  background: var(--systemBackground); color: var(--textCharcoal);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.12), 0 4px 18px rgba(0, 0, 0, 0.16);
  font-size: 14px; line-height: 18px;
}
.UpdateNote.hidden { display: none; }
.UpdateNote-text { min-width: 0; }
.UpdateNote-reload {
  flex: none; padding: 6px 14px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--highlight); color: #fff; font: inherit; font-weight: 600;
}
.UpdateNote-later { flex: none; width: 28px; height: 28px; border: 0; border-radius: 50%; cursor: pointer; background: none; color: var(--titanium); font: inherit; }