/* Shared header pieces used by every page: admin menu, user badge, logout icon.
 * Pages keep their own base header styles (.settings-btn, .settings-popover, theme). */
.settings-btn[hidden],
.admin-menu[hidden],
#user-badge[hidden] { display: none; }
.admin-menu { position: relative; }
.settings-popover.admin-popover { width: 220px; padding: .35rem; }
.settings-popover.admin-popover a.admin-item {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .45rem .55rem;
  border-radius: 4px;
  color: var(--fg-default);
  font-size: 13px;
  text-decoration: none;
}
.settings-popover.admin-popover a.admin-item:hover,
.settings-popover.admin-popover a.admin-item:focus-visible {
  background: var(--canvas-subtle);
  text-decoration: none;
  outline: none;
}
.settings-popover.admin-popover a.admin-item[aria-current="page"] {
  background: var(--canvas-subtle);
  font-weight: 600;
}
.admin-item svg { width: 16px; height: 16px; flex: none; color: var(--fg-muted); }
.admin-item-count {
  margin-left: auto;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #da3633;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.admin-item-count[hidden] { display: none; }
#user-badge {
  font-size: 11px;
  font-weight: 500;
  padding: .1rem .45rem;
  border-radius: var(--radius);
  background: transparent;
  color: var(--header-fg-muted);
  border: 1px solid #444c56;
  white-space: nowrap;
}
html[data-theme="dark"] #user-badge { border-color: #30363d; }