Design: Geruest mit Textmenue, Schublade fuers Handy, Logo; Footer und Einklappen entfallen

Weisses Geruest (.shell, feste Seitenleiste, Dokument-Scroll), Menue als Textliste mit Zaehlern und Serverpuls-Punkt, Schublade mit Scrim und Esc auf dem Handy, Logo-Komponente und Favicon. Footer, Einklappen (lib/sidebar.js) und das alte Menue-CSS (.side*, .app-*) sind entfernt.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/styles/global.css

@@ -131,6 +131,7 @@ fieldset:disabled { opacity: 1; }
 .nav-item.paused:hover { background: none; color: var(--text-3); }
 .nav-count { font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums; }
 .nav-count.hot { color: var(--accent-ink); font-weight: 600; }
+.nav-item.active .nav-count:not(.hot) { color: var(--text-2); } /* auf der grauen Markierung reicht --text-3 nicht (2,7:1) */
 .nav-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--nav-dot); }
 .nav-dot.critical { background: var(--danger); }
 
@@ -143,6 +144,7 @@ fieldset:disabled { opacity: 1; }
   gap: 2px;
 }
 .sidebar-foot .who { font-weight: 500; }
+.sidebar-foot .link { align-self: flex-start; } /* Knopf statt Link: sonst steht "Abmelden" mittig in der vollen Breite */
 
 .main { flex: 1; margin-left: var(--sidebar-w); min-width: 0; }
 
@@ -482,14 +484,6 @@ a.list-row:hover .cell-title { color: var(--accent-ink); }
 }
 /* NEU-ENDE */
 
-/* Layout */
-.main-content {
-  padding: var(--sp-5);
-  max-width: 1320px;
-  margin: 0 auto;
-  width: 100%;
-}
-
 /* Utilities */
 .text-center { text-align: center; }
 
@@ -515,11 +509,6 @@ a.list-row:hover .cell-title { color: var(--accent-ink); }
 /* ===================  REDESIGN (Designsystem)  =============== */
 /* ============================================================= */
 
-/* --- App-Shell --- */
-.app-shell { display: flex; height: 100vh; overflow: hidden; }
-.app-main { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
-.app-scroll { flex: 1; overflow-y: auto; }
-
 /* --- Page header + container --- */
 .page-header {
   display: flex; align-items: flex-start; justify-content: space-between;
@@ -1110,53 +1099,6 @@ select.form-control {
   border-radius: var(--radius); background: var(--grey-bg); color: var(--grey-fg); font-weight: 600;
 }
 
-/* Altes Menue (Navbar.jsx) unveraendert aus dem Altbestand: Task 5 ersetzt das Menue und loescht diesen Teil. Ohne ihn faellt das */
-/* Alt-Geruest (.app-shell) zusammen; .side.collapsed gilt auf dem Handy (lib/sidebar.js). */
-.side {
-  width: var(--sidebar-w);
-  flex-shrink: 0;
-  background: linear-gradient(180deg, var(--surface-1), var(--bg));
-  border-right: 1px solid var(--border);
-  display: flex;
-  flex-direction: column;
-  transition: width 0.2s ease;
-}
-.side.collapsed { width: 72px; }
-.side-head {
-  display: flex; align-items: center; gap: var(--sp-3);
-  padding: var(--sp-4); border-bottom: 1px solid var(--border);
-  min-height: 64px;
-}
-.side-brand { font-weight: 800; font-size: 16px; letter-spacing: 0.2px; white-space: nowrap; }
-.side-brand small { display: block; font-weight: 500; font-size: 11px; color: var(--text-muted); }
-.side-nav { flex: 1; overflow-y: auto; padding: var(--sp-3) var(--sp-2); }
-.side-group { margin-bottom: var(--sp-4); }
-.side.collapsed .side-link-label,
-.side.collapsed .side-brand { display: none; }
-.side-link {
-  display: flex; align-items: center; gap: var(--sp-3);
-  padding: 10px var(--sp-3); margin: 2px var(--sp-1);
-  border-radius: var(--r-sm); color: var(--text-muted);
-  text-decoration: none; transition: all 0.15s ease; white-space: nowrap;
-}
-.side-link svg { width: 20px; height: 20px; flex-shrink: 0; }
-.side-link:hover { background: var(--surface-2); color: var(--text); }
-.side-link-paused, .side-link-paused:hover { opacity: 0.45; cursor: not-allowed; background: transparent; color: var(--text-muted); }
-.side-link.active { background: var(--accent-soft); color: var(--accent); font-weight: 600; }
-.side-sublink { padding-left: calc(var(--sp-3) + 18px); font-size: 13.5px; }
-.side-sublink svg { width: 17px; height: 17px; }
-.side.collapsed .side-sublink { padding-left: var(--sp-3); }
-.side.collapsed .side-count { position: absolute; margin: -18px 0 0 14px; min-width: 16px; padding: 0 4px; font-size: 10px; line-height: 16px; }
-.side.collapsed .side-sublink { position: relative; }
-.side-link.active svg { color: var(--accent); }
-.side-foot { border-top: 1px solid var(--border); padding: var(--sp-3); }
-.side-toggle {
-  background: transparent; border: none; color: var(--text-muted);
-  cursor: pointer; padding: var(--sp-2); border-radius: var(--r-sm);
-  display: flex; align-items: center; gap: var(--sp-2); width: 100%;
-}
-.side-toggle:hover { background: var(--surface-2); color: var(--text); }
-
 /* Neutral: Karte, Raster, Aufklappmenue */
 .card { margin-bottom: 16px; background: none; border: 0; border-radius: 0; color: var(--text); }
 .card-header { padding: 0 0 8px; background: none; border-bottom: 1px solid var(--line); color: var(--text); font-weight: 600; }
@@ -1179,7 +1121,7 @@ div.row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
 .spinner { width: 40px; height: 40px; margin: 0 auto; border: 4px solid var(--line); border-top-color: var(--text-2); border-radius: 50%; animation: spin 1s linear infinite; }
 
 /* Verschachtelte Seiten: Abstand und Breite des inneren Rahmens entfallen */
-.page .page, .page .main-content { margin: 0; padding: 0; max-width: none; }
+.page .page { margin: 0; padding: 0; max-width: none; }
 
 /* Links in Bestandsklassen, die bisher --accent als Farbe nutzten: feiner Unterstrich */
 .fin-link, .legal-files a, .credit-cols a, .area-rows a {