/* Gravita Tech: the Share button in Personal Budget. share.css stays unchanged; this file gives the button and its
   menu the app's own colour tokens (light and dark), and a smaller size for the desktop title bar. */
.gshare-btn,
.gshare-menu {
  --text: var(--color-pageText);
  --line: var(--color-menuBorder);
  --surface: var(--color-menuBackground);
  --surface-2: var(--color-menuItemBackgroundHover);
  --accent: var(--color-pageTextLink);
  --accent-text: var(--color-pageTextLink);
  --focus: var(--color-pageTextLink);
}
/* the outline must stand out at 3:1 or more, as the unselected language button's does */
.gshare-btn:not(.gshare-bar) {
  border-color: var(--color-pageTextLight);
}
/* above the app's own layers: the sign-in screen sits at 4500, modals and the tour higher */
.gshare-menu {
  z-index: 100000;
  font-family: inherit;
}
/* desktop title bar (36 px high): as small as the bar's other items; regular weight below 17 px */
.gshare-btn.gshare-bar {
  min-height: 28px;
  padding: 2px 10px;
  gap: 6px;
  font-size: 13px;
  font-weight: 400;
  color: var(--color-buttonBareText);
}
.gshare-btn.gshare-bar svg {
  width: 14px;
  height: 14px;
}