:host { display: inline-block; }
.hb-popover__trigger { display: inline-block; }
.hb-popover__popup {
  position: fixed; background: var(--hb-color-bg-elevated);
  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);
  padding: var(--hb-spacing-sm) 0; animation: hb-popover-fade 0.15s ease-out; pointer-events: auto;
}
.hb-popover__title { padding: var(--hb-spacing-xs) var(--hb-spacing-md); font-weight: 600; font-size: var(--hb-font-size-sm); border-bottom: 1px solid var(--hb-color-border-secondary); }
.hb-popover__body { padding: var(--hb-spacing-sm) var(--hb-spacing-md); font-size: var(--hb-font-size-sm); color: var(--hb-color-text); }
@keyframes hb-popover-fade { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
