/* Account sample uses the shared menu island and foundation controls. */
[data-ui-account-popover] {
  position: fixed;
  left: calc(var(--arhix-rail-content-width, 44px) + var(--arhix-navigator-divider-width) + var(--arhix-space-inset));
  bottom: var(--arhix-space-gap);
  width: calc(var(--arhix-navigator-panel-width) - 2 * var(--arhix-space-inset));
  max-width: calc(100vw - var(--arhix-rail-content-width, 44px) - var(--arhix-navigator-divider-width) - 2 * var(--arhix-space-inset));
  color: var(--arhix-ink);
}
[data-ui-account-popover][hidden],
[data-ui-account-menu][hidden],
body[data-role="presentation"] [data-ui-account-popover] { display: none; }

[data-ui-account-popover] .account-popover__plan {
  position: relative;
  min-width: 0;
  width: auto;
  margin-inline: var(--arhix-space-gap);
  margin-bottom: calc(-1 * var(--arhix-radius-island));
  min-height: calc(var(--arhix-bar-zone-height) + var(--arhix-radius-island));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--arhix-space-gap);
  padding-bottom: var(--arhix-radius-island);
  background: var(--arhix-surface);
}
[data-ui-account-popover] .account-popover__profile {
  position: relative;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--arhix-space-gap);
  padding: var(--arhix-space-block) var(--arhix-space-gap);
}
[data-ui-account-popover] .account-popover__provider {
  flex: none;
  display: grid;
  place-items: center;
  width: var(--arhix-header-height);
  height: var(--arhix-header-height);
  border: var(--arhix-border-hairline) solid var(--arhix-line);
  border-radius: 50%;
}
[data-ui-account-popover] .account-popover__provider svg {
  width: var(--arhix-pill-height);
  height: var(--arhix-pill-height);
}
[data-ui-account-popover] .account-popover__identity { flex: 1; min-width: 0; }
[data-ui-account-popover] .account-popover__identity > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-ui-account-popover] .account-popover__name {
  margin-bottom: var(--arhix-space-micro);
  font-weight: var(--arhix-font-weight-chrome);
}
[data-ui-account-popover] .account-popover__muted { color: var(--arhix-ink-muted); }
[data-ui-account-popover] [data-ui-account-menu-toggle] {
  flex: none;
  background: transparent;
  color: var(--arhix-ink-muted);
}
[data-ui-account-popover] [data-ui-account-menu-toggle]:is(:hover, :focus-visible, [aria-expanded="true"]) {
  background: var(--arhix-surface);
}
[data-ui-account-popover] .account-popover__menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + var(--arhix-space-gap));
}
[data-ui-account-popover] .menu__item:disabled {
  cursor: default;
  color: var(--arhix-ink-muted);
}
[data-ui-account-popover] .menu__item:disabled .menu__label { color: inherit; }
[data-ui-account-popover] .menu__item:disabled:hover { background: transparent; }