Fix: profile button after log in

docs/css/custom.css

@@ -878,3 +878,132 @@
   color: var(--foreground-color3, #888);
   transform: none;
 }
+
+/* ── Logged-in user button in header ───────────────────────────────────────── */
+
+/* Hide the old checkbox toggle + login/signup links when logged in */
+.brand__auth--loggedin .brand__auth-check,
+.brand__auth--loggedin .brand__auth-toggle,
+.brand__auth--loggedin .brand__auth-links {
+  display: none !important;
+}
+
+.brand__auth-user {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+/* Match exact styles of .brand__auth-toggle */
+.brand__auth-user-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.355rem 0.5rem;
+  border-radius: 3px;
+  border: 1px solid #f26522;
+  background-color: #f26522;
+  color: #fff;
+  cursor: pointer;
+  font-size: 0.7rem;
+  font-weight: 340;
+  font-family: inherit;
+  line-height: 1.4;
+  user-select: none;
+  outline: none;
+  white-space: nowrap;
+  max-width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease;
+}
+
+.brand__auth-user-btn:hover {
+  background-color: transparent;
+  border-color: #f26522;
+  color: #f26522;
+}
+
+@media (prefers-color-scheme: dark) {
+  .brand__auth-user-btn {
+    background-color: transparent;
+    border-color: currentColor;
+    color: var(--foreground-color);
+  }
+
+  .brand__auth-user-btn:hover,
+  .brand__auth-user.is-open .brand__auth-user-btn {
+    background-color: var(--foreground-color) !important;
+    border-color: var(--foreground-color) !important;
+    color: var(--background-color) !important;
+  }
+}
+
+[data-theme='light'] .brand__auth-user-btn {
+  background-color: #f26522;
+  border-color: #f26522;
+  color: #fff;
+}
+
+[data-theme='light'] .brand__auth-user-btn:hover {
+  background-color: transparent;
+  color: #f26522;
+}
+
+[data-theme='dark'] .brand__auth-user-btn {
+  background-color: transparent;
+  border-color: currentColor;
+  color: var(--foreground-color);
+}
+
+[data-theme='dark'] .brand__auth-user-btn:hover,
+[data-theme='dark'] .brand__auth-user.is-open .brand__auth-user-btn {
+  background-color: var(--foreground-color) !important;
+  border-color: var(--foreground-color) !important;
+  color: var(--background-color) !important;
+}
+
+.brand__auth-user-dropdown {
+  display: none;
+  position: absolute;
+  top: calc(100% + 0.4rem);
+  right: 0;
+  background: var(--background-color);
+  border: 1px solid var(--background-color1);
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.18);
+  min-width: 110px;
+  z-index: 100;
+  overflow: hidden;
+}
+
+.brand__auth-user.is-open .brand__auth-user-dropdown {
+  display: block;
+}
+
+.brand__auth-user-logout {
+  display: block;
+  width: 100%;
+  padding: 0.55rem 1rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: center;
+  font-size: 0.78rem;
+  font-family: inherit;
+  color: var(--foreground-color);
+  transition: background 0.12s;
+}
+
+.brand__auth-user-logout:hover {
+  background: var(--background-color1);
+  color: var(--foreground-color);
+}
+
+/* Mobile logged-in state */
+.brand__mobile-links .mobile-link--logout {
+  color: var(--foreground-color);
+}