Optimierung automatische Updates der Webanwendung bei Aktualisierung der Anwendung auf dem Server

web/html/app.css

@@ -1577,3 +1577,59 @@ select.category-select {
    man sehen, ohne hinzusehen. */
 select.market-select:not([data-empty]),
 select.category-select:not([data-empty]) { border-color: var(--accent); }
+
+/* ===================================================================
+   Hinweis auf eine neue Fassung
+   =================================================================== */
+
+.update-banner {
+  position: fixed;
+  z-index: 80;
+  left: 1rem;
+  right: 1rem;
+  bottom: calc(1rem + env(safe-area-inset-bottom));
+  max-width: 28rem;
+  margin: 0 auto;
+
+  display: flex;
+  align-items: center;
+  gap: .6rem;
+
+  background: var(--card);
+  border: 1px solid var(--accent);
+  border-radius: var(--radius);
+  padding: .7rem .8rem;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
+  font-size: .92rem;
+}
+
+.update-text { flex: 1; min-width: 0; }
+
+button.update-apply {
+  flex: 0 0 auto;
+  background: var(--accent);
+  color: var(--accent-fg);
+  border: none;
+  border-radius: var(--radius);
+  padding: .45rem .8rem;
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+button.update-later {
+  flex: 0 0 auto;
+  background: none;
+  border: none;
+  color: var(--muted);
+  font-size: 1.2rem;
+  line-height: 1;
+  padding: .2rem .4rem;
+  cursor: pointer;
+}
+
+/* Über dem Sucher und über Dialogen hat der Hinweis nichts zu suchen. */
+body.scanning .update-banner,
+body.modal-open .update-banner { display: none; }
+
+@media print { .update-banner { display: none !important; } }