neue Archivfunktion und Optimierung an Artikelbearbeitung

web/html/app.css

@@ -1243,3 +1243,83 @@ input.months {
 }
 
 @media print { .stats, ul.admin-users { display: none !important; } }
+
+/* ===================================================================
+   Vorschlagsliste beim Eintippen
+   =================================================================== */
+
+.name-wrap { position: relative; }
+
+ul.suggestions {
+  position: absolute;
+  z-index: 20;
+  left: 0;
+  right: 0;
+  top: calc(100% + 2px);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  max-height: 16rem;
+  overflow-y: auto;
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
+}
+
+ul.suggestions > li { border-bottom: 1px solid var(--line); }
+ul.suggestions > li:last-child { border-bottom: none; }
+
+ul.suggestions button {
+  display: block;
+  width: 100%;
+  text-align: left;
+  background: none;
+  border: none;
+  padding: .55rem .8rem;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
+ul.suggestions button:hover,
+ul.suggestions button:focus-visible {
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
+ul.suggestions .name { display: block; overflow-wrap: anywhere; }
+ul.suggestions .sub { display: block; font-size: .78rem; color: var(--muted); }
+
+/* ===================================================================
+   Archiv in der Listenübersicht
+   =================================================================== */
+
+.card.archive { padding-top: .75rem; }
+
+button.archive-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  background: none;
+  border: none;
+  padding: .4rem 0;
+  font: inherit;
+  font-weight: 600;
+  color: var(--fg);
+  cursor: pointer;
+}
+
+button.archive-head .chev { color: var(--muted); }
+
+.card.archive ul.lists { margin-top: .5rem; }
+
+.reg-toggle {
+  padding: 0 0 .9rem;
+  border-bottom: 1px solid var(--line);
+  margin-bottom: .3rem;
+}
+
+.reg-toggle .checkline { margin-top: 0; }
+
+@media print { ul.suggestions, .card.archive { display: none !important; } }