/* ============================================
   Popover — a click-triggered anchored panel of arbitrary content.

   The popover surface chrome (inverse-surface fill, inverse-on-surface ink,
   hairline border, level3 elevation, edge-flip, open/close motion) is owned by
   the composed <xm-overlay> in the `menu` tier. This file styles only the
   trigger wrapper and the content panel that rides inside the overlay body.

   All ink is inverse-on-surface (AD-13) — the popover/card stack ink. The panel
   is role="dialog" and receives initial focus, so its focus outline is
   suppressed (the moved-in focus is the affordance, not a ring on the box).

   BEM block: `popover`. Registered in scripts/check-bem.sh STRICT_BLOCKS.
   Elements: popover__trigger, popover__panel.
   ============================================ */

.popover__trigger {
  display: inline-flex;
  align-items: center;
}

.popover__panel {
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  min-width: 180px;
  color: var(--md-sys-color-inverse-on-surface);
}

/* role="dialog" + tabindex=-1: we move focus here on open, so the box itself
   never shows a focus ring — interactive children own their own focus states. */
.popover__panel:focus {
  outline: none;
}