/* <MetaNav> popover — matches `@hive/shared`'s `Dropdown` (`.ui-dropdown`)
   values exactly (background/border/radius/shadow, item padding/hover),
   same "reuse the values, not the component" call `.login-card`
   (LoginFlow.css) already made, for the same reason: this popover's
   items are real `<a>` tags, not `Dropdown`'s command-dispatch
   `<button>`s. Right-anchored — MetaNav sits in the header's right-hand
   pills cluster, so a left anchor would push it off-screen. */
.meta-nav-anchor {
  position: relative;
  display: inline-block;
}
.meta-nav-popover {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 0;
  left: auto;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 10em;
  padding: 0.25em;
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-radius: 0.5em;
  box-shadow: 0 0.4em 1em rgba(0, 0, 0, 0.35);
}
.meta-nav-item {
  display: flex;
  align-items: center;
  gap: 0.5em;
  min-height: 2.75em;
  padding: 0.4em 0.7em;
  border-radius: 0.35em;
  color: var(--fg);
  text-decoration: none;
  white-space: nowrap;
}
.meta-nav-item:hover {
  background: var(--border);
}