Rollen Chunk 4: Benutzerkonto, Abmelde-Icon und fremde Einstellungen

src/app/globals.css

@@ -1037,6 +1037,35 @@ li {
   border-color: #fff;
 }
 
+.settings-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.settings-bar .app-tabs {
+  flex: 1 1 auto;
+}
+
+.icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  background: transparent;
+  color: var(--harbor);
+  cursor: pointer;
+  flex: 0 0 auto;
+}
+
+.icon-button:hover {
+  border-color: var(--harbor);
+}
+
 :root[data-theme="dark"] .app-header {
   background: linear-gradient(135deg, #1e4659, #122a36);
 }