/* Blotter M-menu: tiny chip buttons like sister-app slider chips */
.portal-menu__dropdown {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 6px !important;
  padding: 8px !important;
  min-width: 0 !important;
  width: max-content;
  max-width: min(260px, calc(100vw - 24px));
  border-radius: 12px !important;
  background: #fffcf5fa !important;
  border: 1px solid var(--rule) !important;
  box-shadow: 0 8px 24px #281c122e !important;
}

.portal-menu__item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(139, 58, 42, 0.4) !important;
  background: transparent !important;
  color: var(--accent, #8b3a2a) !important;
  font-family: var(--font-ui, "Source Sans 3", "Segoe UI", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap;
  box-shadow: none !important;
}

.portal-menu__item:hover,
.portal-menu__item:focus-visible {
  background: rgba(139, 58, 42, 0.14) !important;
  border-color: var(--accent, #8b3a2a) !important;
  outline: none;
  color: var(--ink, #2a2418) !important;
}

/* G / M / X triggers: same tiny chip scale (less clunky squares) */
.mini-month-nav.mini-month-nav--action.ask-grok-launch,
.mini-month-nav.mini-month-nav--action.portal-menu__btn,
.mini-month-nav.mini-month-nav--action.sign-out-btn {
  min-width: 28px !important;
  min-height: 28px !important;
  width: auto !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid rgba(139, 58, 42, 0.4) !important;
  color: var(--accent, #8b3a2a) !important;
}

.mini-month-nav.mini-month-nav--action.ask-grok-launch:hover,
.mini-month-nav.mini-month-nav--action.portal-menu__btn:hover,
.mini-month-nav.mini-month-nav--action.sign-out-btn:hover,
.mini-month-nav.mini-month-nav--action.ask-grok-launch:active,
.mini-month-nav.mini-month-nav--action.portal-menu__btn:active,
.mini-month-nav.mini-month-nav--action.sign-out-btn:active {
  background: rgba(139, 58, 42, 0.12) !important;
}

.mini-month-nav.mini-month-nav--action .mini-month-nav__glyph {
  font-family: var(--font-ui, "Source Sans 3", "Segoe UI", sans-serif) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}

.sign-out-btn .mini-month-nav__glyph {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* B chip is an <a>, match G/X button chips */
a.mini-month-nav.portal-menu__btn.bot-launch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  color: var(--accent, #8b3a2a) !important;
  box-sizing: border-box !important;
}
a.mini-month-nav.portal-menu__btn.bot-launch:visited {
  color: var(--accent, #8b3a2a) !important;
}